Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Guide] 宽度无法修改 #4808

Open
mansai opened this issue Dec 4, 2024 · 1 comment
Open

[Guide] 宽度无法修改 #4808

mansai opened this issue Dec 4, 2024 · 1 comment

Comments

@mansai
Copy link

mansai commented Dec 4, 2024

tdesign-vue-next 版本

1.99

重现链接

No response

重现步骤

image
高度可以改变,宽度不生效
`<t-guide v-model="current" z-index="101" counter=" " style="width: 1000px;" :skip-button-props="{ content: '取消', theme: 'default' }" :finish-button-props="{ content: '保存' }" :steps="steps" mode="dialog" @change="handleChange" @prev-step-click="handlePrevStepClick" @next-step-click="handleNextStepClick" @finish="handleFinish" @Skip="handleSkip">
<template #body>


我是内容1

我是内容2



const visible1 = ref(true);
const visible2 = ref(false);
const current = ref(0);
const steps: GuideProps['steps'] = [
{
title: t('pages.common.create'),
body: '#app',
stepOverlayClass:'formWidth',
},
{
title: '新手引导标题2',
},
];
const handleClick: ButtonProps['onClick'] = () => {
visible.value = true;
setTimeout(() => {
current.value = 0;
}, 800);
};
const handleChange: GuideProps['onChange'] = (current, { e, total }) => {
visible2.value = true;
console.log(current, e, total);
};
const handlePrevStepClick: GuideProps['onPrevStepClick'] = ({ e, prev, current, total }) => {
console.log(e, prev, current, total);
};
const handleNextStepClick: GuideProps['onNextStepClick'] = ({ e, next, current, total }) => {
console.log(e, next, current, total);
};
const handleFinish: GuideProps['onFinish'] = ({ e, current, total }) => {
visible.value = false;
console.log(e, current, total);
};
const handleSkip: GuideProps['onSkip'] = ({ e, current, total }) => {
visible.value = false;
console.log(e, current, total);

<style lang="less"> .t-guide__desc { width: 800px; } .formWidth { width: 800px; height: 350px; } </style>

};`

期望结果

如何修改宽度

实际结果

No response

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

Copy link
Contributor

github-actions bot commented Dec 4, 2024

👋 @mansai,感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant