antd-mobile v5 它来了
截止到2021.09.01,它现在是beta版本,新项目已经可以大胆使用起来啦,记得及时看更新日志~
👉antd-mobile-v5
👉⚠️ 官方文档建议新项目使用v5,旧项目可逐渐迭代替换
v5与v2区别
- v5暴露出了css,具体根据组件api查询,可以不用直接粗暴的样式覆盖,在组件文档的 "CSS 变量" 表格中,你可以查阅到每个组件暴露了都哪些 CSS 变量,当然你也可以直接在组件的 ts 定义中找到
- v5主题样式更改也不必装依赖或者引入css文件进行样式覆盖,可以直接全局样式或局部样式设置
- v5兼容 iOS >= 10 和 Android >= 5
v2兼容 iOS 和 Android >= 4 - v5新增了2x的高清适配(试验性)
- v5的所有组件完全重写,API重新设计
- v5 使用了 use-gesture 作为手势库、react-spring 作为动画库,具有更流畅细腻的手势交互和动画效果。
CSS 类名中的 am- 前缀调整为 adm-,从而避免 v2 和 v5 的 CSS 相互干扰 ⚠️
组件区别
样式调整,圆角调整,提供了更多的可配置项,具体可以查看组件
新增组件
- ProgressCircle 进度圈
- FloatingPanel 浮动面板
- IndexBar 序列
- Divider 分割线
- WaterMark 水印
- Ellipsis 文本省略
- Image 图片
- ImageViewer 图片查看器
- ...
试验性组件
- Cascader 级联选择器
- DesensText 脱敏
看了一下官方文档,很多原有组件都进行了扩展及自定义,跃跃欲试呀~~
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。