移動端ui框架隨筆[mint-ui][muse-ui][vant]

近期接連三個移動端項目，分別使用了三個不一樣ui框架。

1.mint-ui

最初選擇該ui，是由於餓了麼背書，心想pc端的element-ui作的那麼好，移動端的也該更好。
然而，失策了......

首先是官方文檔極其簡陋，而且存在一些誤導，其次美觀度極低，一些類如radio的組件，使用體驗極差。

最終勉強改造了一些，仍是把項目堆起來了，最後留下了一個ios兼容坑......多是預期太高吧。

2.muse-ui

第二個項目採用了muse-ui，中規中矩，而且有了第一個mint的踩坑經驗，也對移動端ui有一些串聯的想法了。

官方文檔也比較靠譜，好感度+1，loadmore組件用着很舒服(但也是整理了層級關係，屢次嘗試才實現的。)

最後項目順利完成，也沒出兼容問題，好感度+99。

3.vant-ui

作第三個項目的時候，vue官網掛了這個vant，因而點進去看了下，帶着前兩個ui的使用經驗，決定再次試水。

官方組件很是豐富，同一種下拉業務，能夠用三種方式去實現！甚至有寫好的收貨地址組件和sku組件！電商福音！組件外觀也是簡單整潔，簡直就是移動端的elementui! 爲mint汗顏一秒！

可是！可是被官方文檔坑了一下，官方demo list列表，是存在下拉刷新的，可是這是官方本身把另一個PullRefresh組件 和 list組件手動結合的，而旁邊的示例代碼裏沒有這一段代碼！！！直到我F12打開了控制檯，才解開這個謎題：爲何官網能下拉刷新，我本地引用下來就不行...  ▄█▀█●

最終項目順利完成，雖然被官方坑了一下，可是不記仇，無償使用別人浩大工程作出來的東西，內心只有感恩ღ( ´･ᴗ･` )。

目前，已經把vant-ui定義爲公司移動端標準ui框架了。畢竟組件豐富，樣式簡潔美觀，可塑性強，對於小體量的公司來講，很是優秀了。

彙報完畢！