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

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

2025-07-03 05:12:12作者:宗隆裙

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版本将能够获得更完善的功能支持和更优质的用户体验。

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

热门内容推荐

最新内容推荐

项目优选

收起
ohos_react_nativeohos_react_native
React Native鸿蒙化仓库
C++
178
262
RuoYi-Vue3RuoYi-Vue3
🎉 (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统
Vue
868
513
openGauss-serveropenGauss-server
openGauss kernel ~ openGauss is an open source relational database management system
C++
129
183
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
268
308
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
398
373
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
1.07 K
0
ShopXO开源商城ShopXO开源商城
🔥🔥🔥ShopXO企业级免费开源商城系统,可视化DIY拖拽装修、包含PC、H5、多端小程序(微信+支付宝+百度+头条&抖音+QQ+快手)、APP、多仓库、多商户、多门店、IM客服、进销存,遵循MIT开源协议发布、基于ThinkPHP8框架研发
JavaScript
93
15
note-gennote-gen
一款跨平台的 Markdown AI 笔记软件,致力于使用 AI 建立记录和写作的桥梁。
TSX
83
4
cherry-studiocherry-studio
🍒 Cherry Studio 是一款支持多个 LLM 提供商的桌面客户端
TypeScript
599
58
GitNextGitNext
基于可以运行在OpenHarmony的git,提供git客户端操作能力
ArkTS
10
3