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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM