v5与v2区别
v5链接:https://mobile.ant.design/components/button
v2链接:https://antd-mobile-v2.surge.sh/components/button-cn/
如果是老项目,一时之间也无法替换,建议可以慢慢替换吧,先把老版本锁死吧
- 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 图片查看器
- Rate 评分
- CheckList 可勾选列表
- 等等
试验性组件
- Cascader 级联选择器
- DesensText 脱敏