antd-mobile v5 它来了

截止到2021.09.01,它现在是beta版本,新项目已经可以大胆使用起来啦,记得及时看更新日志~
👉antd-mobile-v5

👉⚠️ 官方文档建议新项目使用v5,旧项目可逐渐迭代替换

v5与v2区别

  1. v5暴露出了css,具体根据组件api查询,可以不用直接粗暴的样式覆盖在组件文档的 "CSS 变量" 表格中,你可以查阅到每个组件暴露了都哪些 CSS 变量,当然你也可以直接在组件的 ts 定义中找到
  2. v5主题样式更改也不必装依赖或者引入css文件进行样式覆盖,可以直接全局样式或局部样式设置
  3. v5兼容 iOS >= 10 和 Android >= 5
    v2兼容 iOS 和 Android >= 4
  4. v5新增了2x的高清适配(试验性
  5. v5的所有组件完全重写,API重新设计
  6. v5 使用了 use-gesture 作为手势库、react-spring 作为动画库,具有更流畅细腻的手势交互和动画效果。
  7. CSS 类名中的 am- 前缀调整为 adm-,从而避免 v2 和 v5 的 CSS 相互干扰 ⚠️

    组件区别

样式调整,圆角调整,提供了更多的可配置项,具体可以查看组件

新增组件

  • ProgressCircle 进度圈
  • FloatingPanel 浮动面板
  • IndexBar 序列
  • Divider 分割线
  • WaterMark 水印
  • Ellipsis 文本省略
  • Image 图片
  • ImageViewer 图片查看器
  • ...

试验性组件

  • Cascader 级联选择器
  • DesensText 脱敏

看了一下官方文档,很多原有组件都进行了扩展及自定义,跃跃欲试呀~~


桃小妖
278 声望16 粉丝