[Radio&Checkbox] 边框粗细不一致
Maintainers usually reply within 1 day
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 72/100
- Issue type
- Bug
- Clarity
- Clearly specified
- Activity status
- Active
- Domain
- frontend
Research direction
Start by locating the Radio and Checkbox component styles and compare the border declarations described in the issue. Check how each component applies its circular icon border, then align the Checkbox border thickness and application method with Radio. Done means both icons show the same border thickness; verify the affected components in the mini-program.
Written by the indexing model from the issue text.
Description
选择框架
No response
NPM 包版本
1.17.0
基础库调试库版本（如果出现问题的框架为 tdesign-miniprogram，请提供基础调试库版本）
No response
重现链接
重现步骤
Radio 是 border: 3px solid var(--td-radio-icon-color,var(--td-component-border,var(--td-gray-color-4,#dcdcdc)))
Checkbox 是 border: calc(2px * 2) solid var(--td-checkbox-icon-color, var(--td-component-border, var(--td-gray-color-4, #dcdcdc)));
期望结果
既然 Checkbox 使用 Radio 一样的圆形图标，那就应该和 Radio 保持样式一致。
实际结果
Checkbox 的灰色边框会比 Radio 粗 1px
补充说明
另外 Radio 是通过 ::after 伪类应用的边框，而 Checkbox 是应用到元素本身。在小程序里2个组件完全可以用一套样式实现
- Dominant language
- Vue
- Stars
- 1.8k
- Forks
- 347
- Avg merge
- 9h 27m
- Merged PRs (30d)
- 17
Getting set up
- No Dockerfile or Docker Compose file
- Has a pull request template
- Read the contributing guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from Tencent/tdesign-miniprogram
-
🐞 bug Uniapp 🧐 unconfirmed
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
Tencent/tdesign-miniprogram#4664 · 1 comment ·
Maintainers usually reply within 1 day
-
[Table] 新增排序和拖拽功能Possibly taken @boomLL claimed this 5 days ago. Open💪🏻 enhancement MiniProgram
Difficulty 5/5 Over a week Newbie friendliness 15/100
Tencent/tdesign-miniprogram#4675 · 1 comment · 1 assignee ·
Maintainers usually reply within 1 day
-
支持uniapp新增的蒸汽模式吗Possibly taken @novlan1 claimed this 5 days ago. OpenUniapp
Difficulty 3/5 1-2 days Newbie friendliness 55/100
Tencent/tdesign-miniprogram#4673 · 2 comments · 1 assignee ·
Maintainers usually reply within 1 day
-
💪🏻 enhancement 🧐 unconfirmed
Difficulty 4/5 3-5 days Newbie friendliness 35/100
Tencent/tdesign-miniprogram#4668 · 1 comment ·
Maintainers usually reply within 1 day
-
💪🏻 enhancement
Difficulty 3/5 1-2 days Newbie friendliness 68/100
Tencent/tdesign-miniprogram#4616 · 1 comment ·
Maintainers usually reply within 1 day
All issues in Tencent/tdesign-miniprogram
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 74/100
paperclipai/paperclip#17151 ·
Maintainers usually reply within 1 day
-
Place search spins forever when nominatim failsPossibly taken @jgt87 claimed this today. Open
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
anvaka/city-roads#213 ·
-
android: recital albums show no composer; a lone track inherits the previous work's composer headingOpenbug impact:U2 P2 reach:R2 size:S
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
-
mobile UX
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 69/100
jellyfin/jellyfin-web#8685 ·
Maintainers usually reply within 1 day