Skip to content

[t-steps] t-step-item的title插槽在skyline渲染下展示偏右 #3516

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

Closed
runoob-coder opened this issue Mar 8, 2025 · 2 comments · Fixed by #3519
Closed

[t-steps] t-step-item的title插槽在skyline渲染下展示偏右 #3516

runoob-coder opened this issue Mar 8, 2025 · 2 comments · Fixed by #3519
Labels
Skyline Skyline Render

Comments

@runoob-coder
Copy link
Contributor

tdesign-miniprogram 版本

1.8.6

重现链接

No response

重现步骤

代码片段:

<t-steps layout="vertical" readonly theme="dot" current="{{5}}">
  <t-step-item>
    <text slot="title" bind:tap="">打开手机蓝牙;</text>
  </t-step-item>
  <t-step-item>
    <text slot="title">小程序<text bind:tap="">允许授权蓝牙;</text></text>
  </t-step-item>
  <t-step-item title="确保设备已开机;" />
  <t-step-item title="手机靠近设备进行连接;" />
  <t-step-item title="若仍无法搜到设备,请重启设备。" />
</t-steps>

期望结果

webview渲染下显示正常:

Image

实际结果

skyline渲染下title插槽显示居右:

Image

Image

基础库版本

No response

补充说明

No response

Copy link
Contributor

github-actions bot commented Mar 8, 2025

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

@runoob-coder
Copy link
Contributor Author

补充:

审核元素发现skyline下title插槽前面有一段空白字符(title属性),删除后即可显示正常:

Image

应对title属性进行判断展示,修复如下:

Image

@anlyyao anlyyao added the Skyline Skyline Render label Mar 10, 2025
jarmywang pushed a commit that referenced this issue Mar 12, 2025
* fix(t-step-item): 修复title插槽在skyline渲染下展示偏右 (#3516)

* fix(t-step-item): 修复content插槽显示 (#3516)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Skyline Skyline Render
Projects
None yet
2 participants