antd-mobile版本v5&v2

时间:2021-10-08
本文章向大家介绍antd-mobile版本v5&v2,主要包括antd-mobile版本v5&v2使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

v5与v2区别

v5链接:https://mobile.ant.design/components/button

v2链接:https://antd-mobile-v2.surge.sh/components/button-cn/

如果是老项目,一时之间也无法替换,建议可以慢慢替换吧,先把老版本锁死吧

  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 图片查看器
  • Rate 评分
  • CheckList 可勾选列表
  • 等等

试验性组件

    • Cascader 级联选择器
    • DesensText 脱敏

原文地址:https://www.cnblogs.com/hrrtop/p/15380763.html