首页
/ Mary UI 2.1.0版本发布:组件功能增强与体验优化

Mary UI 2.1.0版本发布:组件功能增强与体验优化

2025-07-03 23:01:18作者:宗隆裙

Mary UI是一个现代化的前端UI组件库,专注于为开发者提供简洁、优雅且功能丰富的界面元素。最新发布的2.1.0版本带来了一系列实用的功能增强和用户体验优化,让开发者能够更高效地构建现代化的Web应用界面。

组件功能增强

Avatar组件新增alt属性支持

Avatar组件现在支持altHTML属性,这一改进使得图像的可访问性得到提升。对于需要屏幕阅读器的用户来说,alt属性能够提供有意义的图像描述,符合Web内容可访问性指南(WCAG)的要求。

Tabs组件新增隐藏状态

Tabs组件新增了hidden状态,开发者现在可以更灵活地控制标签页的显示与隐藏。这一特性特别适合需要动态显示不同内容区域的场景,比如根据用户权限显示不同的功能标签页。

Datepicker组件实现禁用选项

Datepicker组件新增了disable选项,允许开发者禁用特定的日期选择。这一功能在需要限制用户选择日期范围(如预订系统、日程安排等)的场景中非常实用。

新增Breadcrumbs面包屑导航组件

2.1.0版本引入了一个全新的Breadcrumbs组件,为应用提供了清晰的导航路径指示。面包屑导航特别适合具有层级结构的网站或应用,能够显著提升用户在深层页面中的导航体验。

用户体验优化

ChoicesOffline组件键盘导航修复

修复了ChoicesOffline组件的键盘导航问题,现在用户可以通过键盘更流畅地操作选项选择。这一改进特别提升了无障碍访问体验,使键盘用户能够更高效地完成操作。

Password组件按钮间距与悬停效果优化

Password组件的显示/隐藏按钮现在具有更合理的间距和更直观的悬停效果。这些视觉细节的优化虽然微小,但能显著提升用户与密码输入框交互时的体验。

Toast组件响应式设计

Toast组件现在具有响应式设计,能够根据不同屏幕尺寸自动调整显示方式。这一改进确保了Toast通知在各种设备上都能提供良好的用户体验。

开发者体验提升

所有菜单组件新增icon-classes属性

所有菜单类组件现在都支持icon-classes属性,开发者可以更灵活地自定义菜单项图标的样式。这一特性使得UI定制更加方便,无需深入修改组件内部结构就能实现个性化的图标样式。

所有组件新增公共$id属性

在原有uuid属性的基础上,所有组件现在都提供了公共的uuid属性的基础上,所有组件现在都提供了公共的id属性。这一改进使得开发者能够更方便地获取和操作组件实例,特别是在需要动态管理多个组件实例的场景中。

总结

Mary UI 2.1.0版本的发布,不仅新增了实用的Breadcrumbs组件,还对现有组件的功能和体验进行了多方面的优化。从可访问性改进到响应式设计,从键盘导航修复到视觉细节调整,这些更新都体现了Mary UI团队对开发者和终端用户体验的持续关注。对于正在使用或考虑采用Mary UI的项目来说,升级到2.1.0版本将能够获得更完善的功能支持和更优质的用户体验。

登录后查看全文
热门项目推荐

项目优选

收起
docsdocs
OpenHarmony documentation | OpenHarmony开发者文档
Dockerfile
149
1.95 K
kernelkernel
deepin linux kernel
C
22
6
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
980
395
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
192
274
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
931
555
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
145
190
nop-entropynop-entropy
Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台,包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分,采用java语言实现,可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用
Java
8
0
金融AI编程实战金融AI编程实战
为非计算机科班出身 (例如财经类高校金融学院) 同学量身定制,新手友好,让学生以亲身实践开源开发的方式,学会使用计算机自动化自己的科研/创新工作。案例以量化投资为主线,涉及 Bash、Python、SQL、BI、AI 等全技术栈,培养面向未来的数智化人才 (如数据工程师、数据分析师、数据科学家、数据决策者、量化投资人)。
Jupyter Notebook
75
66
openHiTLS-examplesopenHiTLS-examples
本仓将为广大高校开发者提供开源实践和创新开发平台,收集和展示openHiTLS示例代码及创新应用,欢迎大家投稿,让全世界看到您的精巧密码实现设计,也让更多人通过您的优秀成果,理解、喜爱上密码技术。
C
65
518
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.11 K
0