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/
如果是老项目,一时之间也无法替换,建议可以慢慢替换吧,先把老版本锁死吧
- 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 脱敏
原文地址:https://www.cnblogs.com/hrrtop/p/15380763.html
- PHP高级编程之守护进程
- Spring boot with Docker
- Spring boot with Service
- Spring boot with PostgreSQL
- Struts2 S2-046, S2-045 Firewall(漏洞防火墙)
- 应用程序的通信成本
- Spring cloud 之 Feign Client
- Spring Cloud Netflix
- 重新整理AUTO_INCREMENT字段
- Spring Cloud Config
- Spring boot with Schedule (启用/禁用)
- DevOps Tools
- Docker 虚拟机之 Redis
- Spring boot with HTTPS SSL
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- JeecgCloud版,部署项目。
- docker(镜像常用命令)
- [- Flutter基础篇 -] 聊聊那些弹框
- 聊一聊Android中的StateListAnimator
- Linux KeyLogger
- [- Flutter 数据&状态篇 -] InheritedWidget
- Android实现图片一边的三角形边框效果
- Android使用SoundPool播放短音效
- 用Jquery做一个进度条
- Android SoundPool实现简短小音效
- [-Flutter趣玩篇-] 出神入化的Align
- Android应用禁止屏幕休眠的3种方法
- Flutter 实现下拉刷新上拉加载的示例代码
- [- C++趣玩篇1 -] 从打印开始说起
- Android实现蓝牙(BlueTooth)设备检测连接