TDesign MiniProgram 1.9.1版本发布:图标增强与组件优化

TDesign MiniProgram 1.9.1版本发布:图标增强与组件优化

tdesign-miniprogram A Wechat MiniProgram UI components lib for TDesign. tdesign-miniprogram 项目地址: https://gitcode.com/gh_mirrors/tde/tdesign-miniprogram

TDesign MiniProgram是腾讯开源的一套面向小程序场景的企业级设计体系与组件库,它为开发者提供了丰富的UI组件和设计规范,帮助开发者快速构建高质量的小程序应用。本次发布的1.9.1版本主要带来了图标资源的扩充和多个组件的功能优化。

新增图标资源

在1.9.1版本中,Icon组件新增了多个实用图标,进一步丰富了小程序的视觉表达元素:

  1. 业务相关图标:新增了logo-miniprogram(小程序logo)、logo-cnb等品牌标识类图标,方便开发者在应用中展示相关业务标识。

  2. 功能类图标:增加了seal(印章)、quote(引用)等常用功能图标,这些图标在内容展示、文档处理等场景中非常实用。

  3. 文件操作优化:对多个文件相关图标的绘制效果进行了优化,使它们在各种尺寸下都能保持清晰的显示效果。同时修复了gesture-right-slip(右滑手势)图标的绘制问题,确保手势操作的视觉提示更加准确。

组件功能增强

Input组件新增extra插槽

Input组件在此版本中新增了extra插槽,这一改进为开发者提供了更大的灵活性。通过这个插槽,开发者可以在输入框右侧自定义额外的信息展示,比如:

  • 输入长度计数器
  • 单位显示(如"元"、"%"等)
  • 辅助操作按钮(如清空、扫码等)

这一特性特别适合需要丰富输入区域交互的场景,让表单设计更加灵活多变。

Cascader组件新增header插槽

级联选择器(Cascader)组件新增了header插槽,允许开发者在选择器的顶部区域添加自定义内容。这个改进使得开发者可以:

  • 添加标题说明
  • 放置搜索框
  • 增加操作按钮
  • 展示额外的提示信息

这一特性大大增强了级联选择器的可定制性,使其能够适应更复杂的业务场景需求。

问题修复与优化

  1. DropdownItem组件修复:修复了动态修改disabled属性时样式未及时更新的问题。现在当通过代码动态改变下拉选项的禁用状态时,视觉表现会立即同步更新,确保了交互状态的一致性。

  2. 图标绘制优化:除了新增图标外,还对现有图标库进行了细致的优化,确保在各种使用场景下都能提供最佳的视觉体验。

总结

TDesign MiniProgram 1.9.1版本虽然是一个小版本更新,但在细节上做了很多有价值的改进。新增的图标资源丰富了设计表达的可能性,而组件的插槽增强则提供了更大的定制灵活性,使开发者能够更好地应对各种业务场景需求。这些问题修复和功能增强共同提升了组件库的稳定性和可用性,为小程序开发提供了更加强大的支持。

对于正在使用或考虑使用TDesign MiniProgram的开发者来说,这个版本值得升级,特别是那些需要丰富图标资源或高度定制化表单交互的项目。

tdesign-miniprogram A Wechat MiniProgram UI components lib for TDesign. tdesign-miniprogram 项目地址: https://gitcode.com/gh_mirrors/tde/tdesign-miniprogram

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

秋嵩来Maiden

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值