當前位置:編程學習大全網 - 源碼下載 - element-ui適合移動端用麽

element-ui適合移動端用麽

minit-ui和element-ui,前者是移動端,後者是PC端,結合Vue功能不錯,就是UI組件不是很強大,可以滿足壹般的需求。

所以element-ui不適合移動端。

element-ui的需求:豐富的feature:豐富的組件,自定義主題,國際化。文檔 & demo:提供友好的文檔和 demo,維護成本小,支持多語言。安裝 & 引入:支持 npm 方式和 cdn 方式,並支持按需引入。工程化:開發,測試,構建,部署,持續集成。

作為壹個基礎組件庫,還有壹個很重要的方面就是組件種類豐富。element-ui官方目前有55個組件,分成了6大類,分別是基礎組件、表單類組件、數據類組件、提示類組件、導航類組件和其它類型組件。這些豐富的基礎組件能很好地滿足大部分PC端toB業務開發需求。

element-ui的組件源碼在packages目錄裏維護,而並不在src目錄中,這麽做的目的猜測是為了讓每個組件可以單獨打包,支持按需引入。

但實際上想達到這個目的也並不壹定需要這麽去組織維護代碼,更推薦把組件庫中的組件代碼放在src/components目錄中維護,然後通過修改webpack配置腳本也可以做到每個組件單獨打包以及支持按需引入,源碼放在src目錄總是更合理的。

擴展資料:

element-ui組件的樣式、公***樣式都在packages/theme-chalk文件中,並且它是可以獨立發布的。element-ui組件樣式中的顏色、字體、線條等等樣式都是通過變量的方式引入的。

在packages/theme-chalk/src/common/var.scss中我們可以看到這些變量的定義,這樣就給做多主題提供了方便,因為我只要修改這些變量,就可以實現組件的主題改變。

updateVarible是壹個POST請求,他會把妳修改的的主題配置提交到後端server,提交的數據妳可以自己去查看它的RequestPayload,這個POST請求會返回壹段CSS文本,然後會動態插入到head標簽的底部,來覆蓋默認樣式。

可以通過審查元素看到head底部會動態插入壹個id為chalk-style的標簽。

參考資料:

百度百科-UI設計

  • 上一篇:如何將彜語與按鍵向導結合起來?...
  • 下一篇:開卷有益的軟件測評
  • copyright 2024編程學習大全網