vue移動端金融UI組件庫滴滴MandMobile面向金融場景設計附功能思維導圖
Mand Mobile是面向金融場景設計的移動端組件庫,基於Vue.js實現。
目前已實際應用於滴滴四大金融業務板塊的10余款產品中。
didi/mand-mobile: 💰 A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
https://github.com/didi/mand-mobile
特性
豐富的組件
40+的實用組件,能夠滿足移動端開發的基本需求,尤其是對金融場景的需求進行了特別支持
統一的視覺規范
由滴滴金融設計師設計並維護,保證了應用的項目內部、項目之間都能保持高度的視覺一致性
適用於多場景的產生
提供按需加載能力,使用靈活,避免引入無用代碼,導出es,umd兩種格式以及px, vh/vw兩種樣式單位
靈活轉換的樣式主題
UI樣式可配置,拓展靈活,輕松適應不同的設計風格
支持TypeScript
支持服務端渲染
版本
npm package
訂閱穩定版發布的通知:https://github.com/didi/mand-mobile/releases.atom
瀏覽器支持
現代瀏覽器
iOS 6+
Android 4.0+
下面是1.x的文檔和演示地址:(文檔地址已經遷移了)
https://mand-mobile.github.io/1x-doc/
https://mand-mobile.github.io/2x-doc/
下面兩個之前的地址打不開了
快速上手-Mand Mobile
https://didi.github.io/mand-mobile/#/zh-CN/docs/started
Mand Mobile
https://didi.github.io/mand-mobile/examples/#/category