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 脫敏