Tencent / tdesign-mobile-vue

A Vue3.x Mobile UI components lib for TDesign.
https://tdesign.tencent.com/mobile-vue
MIT License
249 stars 143 forks source link

feat(Guide): add new component #1243

Closed Lyan-u closed 2 months ago

Lyan-u commented 3 months ago

🤔 这个 PR 的性质是?

🔗 相关 Issue

fix #1227

相关 PR

https://github.com/Tencent/tdesign-common/pull/1734 https://github.com/TDesignOteam/tdesign-api/pull/234

💡 需求背景和解决方案

📝 更新日志

☑️ 请求合并前的自查清单

⚠️ 请自检并全部勾选全部选项。⚠️

github-actions[bot] commented 3 months ago

完成

github-actions[bot] commented 3 months ago

Size Change: +9.92 kB (+2%)

Total Size: 437 kB

Filename Size Change
./dist/tdesign.css 38.4 kB +547 B (+1%)
./dist/tdesign.js 233 kB +5.4 kB (+2%)
./dist/tdesign.min.css 27.9 kB +395 B (+1%)
./dist/tdesign.min.js 137 kB +3.58 kB (+3%)
ℹ️ View Unchanged | Filename | Size | | :--- | :---: | | `./dist/reset.css` | 672 B |
github-actions[bot] commented 3 months ago

Size Change: +9.92 kB (+2%)

Total Size: 437 kB

Filename Size Change
./dist/tdesign.css 38.4 kB +547 B (+1%)
./dist/tdesign.js 233 kB +5.4 kB (+2%)
./dist/tdesign.min.css 27.9 kB +395 B (+1%)
./dist/tdesign.min.js 137 kB +3.58 kB (+3%)
ℹ️ View Unchanged | Filename | Size | | :--- | :---: | | `./dist/reset.css` | 672 B |
github-actions[bot] commented 3 months ago

Size Change: +9.91 kB (+2%)

Total Size: 437 kB

Filename Size Change
./dist/tdesign.css 38.4 kB +547 B (+1%)
./dist/tdesign.js 233 kB +5.39 kB (+2%)
./dist/tdesign.min.css 27.9 kB +395 B (+1%)
./dist/tdesign.min.js 137 kB +3.58 kB (+3%)
ℹ️ View Unchanged | Filename | Size | | :--- | :---: | | `./dist/reset.css` | 672 B |
github-actions[bot] commented 3 months ago

Size Change: +9.91 kB (+2%)

Total Size: 437 kB

Filename Size Change
./dist/tdesign.css 38.4 kB +547 B (+1%)
./dist/tdesign.js 233 kB +5.39 kB (+2%)
./dist/tdesign.min.css 27.9 kB +395 B (+1%)
./dist/tdesign.min.js 137 kB +3.58 kB (+3%)
ℹ️ View Unchanged | Filename | Size | | :--- | :---: | | `./dist/reset.css` | 672 B |
github-actions[bot] commented 3 months ago

Size Change: +9.91 kB (+2%)

Total Size: 437 kB

Filename Size Change
./dist/tdesign.css 38.4 kB +547 B (+1%)
./dist/tdesign.js 233 kB +5.39 kB (+2%)
./dist/tdesign.min.css 27.9 kB +395 B (+1%)
./dist/tdesign.min.js 137 kB +3.58 kB (+3%)
ℹ️ View Unchanged | Filename | Size | | :--- | :---: | | `./dist/reset.css` | 672 B |
github-actions[bot] commented 2 months ago

Size Change: +9.91 kB (+2%)

Total Size: 437 kB

Filename Size Change
./dist/tdesign.css 38.4 kB +547 B (+1%)
./dist/tdesign.js 233 kB +5.39 kB (+2%)
./dist/tdesign.min.css 27.9 kB +395 B (+1%)
./dist/tdesign.min.js 137 kB +3.58 kB (+3%)
ℹ️ View Unchanged | Filename | Size | | :--- | :---: | | `./dist/reset.css` | 672 B |
RADWIMPS426 commented 2 months ago

1.官网上展示默认为中文,麻烦把英文都翻译成中文

2.缺少4px的间距

image

3.圆角大小应为9px

image

4.圆角大小应为6px

image

5.button应为extrasmall

image
anlyyao commented 2 months ago

1.官网上展示默认为中文,麻烦把英文都翻译成中文

2.缺少4px的间距

image

3.圆角大小应为9px

image ### 4.圆角大小应为6px image ### 5.button应为extrasmall image

@Lyan-u 有空在处理一下视觉问题哈, 圆角token可查 _variables.less 文件

RADWIMPS426 commented 2 months ago

1.这里不需要圆角

image

2.圆角大小为6px,标题与文案之间缺少4px的间距

image

3.圆角大小为6px

image

4.圆角大小为12px

image

5.字体大小应为16px

image

6.字体大小应为18px

image

@Lyan-u 麻烦留意这里的走查问题~

RADWIMPS426 commented 2 months ago

1.这里的icon需要导出视觉稿上的样式,大小为32px*32px

image

2.margin为16px,font-size为16px

image

3.margin-top为16px

image

4.button应使用extrasmall,间距为12px

image

5.button应调用-light样式

image

@Lyan-u 麻烦留意这里的走查问题~

Lyan-u commented 2 months ago

@RADWIMPS426 样式问题已调整

github-actions[bot] commented 2 months ago

Size Change: +10 kB (+2%)

Total Size: 437 kB

Filename Size Change
./dist/tdesign.css 38.4 kB +582 B (+2%)
./dist/tdesign.js 233 kB +5.4 kB (+2%)
./dist/tdesign.min.css 27.9 kB +433 B (+2%)
./dist/tdesign.min.js 137 kB +3.58 kB (+3%)
ℹ️ View Unchanged | Filename | Size | | :--- | :---: | | `./dist/reset.css` | 672 B |
RADWIMPS426 commented 2 months ago

行高为22px

image

行高为26px

image

行高为24px

image

@Lyan-u 麻烦修改这里的行高,其余的没问题了

github-actions[bot] commented 2 months ago

Size Change: +10 kB (+2%)

Total Size: 437 kB

Filename Size Change
./dist/tdesign.css 38.4 kB +593 B (+2%)
./dist/tdesign.js 233 kB +5.4 kB (+2%)
./dist/tdesign.min.css 28 kB +441 B (+2%)
./dist/tdesign.min.js 137 kB +3.58 kB (+3%)
ℹ️ View Unchanged | Filename | Size | | :--- | :---: | | `./dist/reset.css` | 672 B |
Lyan-u commented 2 months ago

行高为22px

image

行高为26px

image

行高为24px

image

@Lyan-u 麻烦修改这里的行高,其余的没问题了

已调整

RADWIMPS426 commented 2 months ago

@anlyyao 视觉走查完成~辛苦验收