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

【Steps组件升级】任务单 #635

Closed
7 tasks
anlyyao opened this issue Apr 25, 2023 · 4 comments · Fixed by #660
Closed
7 tasks

【Steps组件升级】任务单 #635

anlyyao opened this issue Apr 25, 2023 · 4 comments · Fixed by #660

Comments

@anlyyao
Copy link
Collaborator

anlyyao commented Apr 25, 2023

我们最终的目标是希望mobile vue、mobile react、miniprogram 三端可以共用一套样式文件、一套示例文档,而目前 miniprogram 端的完成度最高,因此在做组件升级时,我们需要和小程序端的同名组件保持一样的 DOM结构,以复用一套样式,组件示例文件命名也应和小程序端命名保持一致,以复用一套示例文档。

开发指引

mobile vue:组件升级指引

任务清单

  • DOM 结构对齐小程序端
  • 改用 V2文件夹下样式
  • Steps 新增 currentStatus 属性
  • Steps 新增 separator 属性(separator 取消,移动端使用场景较少)
  • Steps 新增 sequence 属性
  • 废弃 subStepItems 属性
  • 官网示例对齐新视觉稿

组件新视觉

设计稿:【腾讯 CoDesign】TDesign移动端设计稿](https://codesign.qq.com/s/RG6X0kXNObZxEPB)

新视觉样式如下:

Steps 步骤条 移动端展示

激励

参与共建的开发者,将可以获得 TDesign 周边(贴纸、鼠标垫、工卡套等);

成为核心贡献者,将会拥有 TDesign 专属头像。

@github-actions
Copy link
Contributor

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

@yaogengzhu
Copy link
Collaborator

@yaogengzhu

@yaogengzhu
Copy link
Collaborator

StepItem 在vertical 新增了一个 title-right 插槽

@yaogengzhu
Copy link
Collaborator

  • DOM 结构对齐小程序端
  • 改用 V2文件夹下样式
  • Steps 新增 currentStatus 属性
  • Steps 新增 separator 属性 (目前小程序端未对齐该属性,做成啥样式待商量)
  • StepItem 新增 subStepItems 属性. (待考究是否移除该属性)
  • 官网示例对齐新视觉稿

补充

  • StepItem 新增 titleRight 属性.

@anlyyao anlyyao closed this as completed May 15, 2023
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

Successfully merging a pull request may close this issue.

2 participants