锐客网

antd-mobile|antd-mobile v5 & v2

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 作为动画库,具有更流畅细腻的手势交互和动画效果。
    组件区别
样式调整,圆角调整,提供了更多的可配置项,具体可以查看组件
新增组件
  • ProgressCircle 进度圈
  • FloatingPanel 浮动面板
  • IndexBar 序列
  • Divider 分割线
  • WaterMark 水印
  • Ellipsis 文本省略
  • Image 图片
  • ImageViewer 图片查看器
  • ...
试验性组件
  • Cascader 级联选择器
  • DesensText 脱敏
【antd-mobile|antd-mobile v5 & v2】看了一下官方文档,很多原有组件都进行了扩展及自定义,跃跃欲试呀~~



      antd-mobilev