vue ui框架_「webAPP」记录几款比较好用的vue 移动端的ui框架
生活随笔
收集整理的這篇文章主要介紹了
vue ui框架_「webAPP」记录几款比较好用的vue 移动端的ui框架
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
有時(shí)在做項(xiàng)目時(shí),不同場(chǎng)景的項(xiàng)目既要有網(wǎng)站,又要有手機(jī)端,為了快速開(kāi)發(fā),如果功能簡(jiǎn)單,要求不高的話(huà),我們一般會(huì)用H5進(jìn)行移動(dòng)端的適配。
如果采用純html進(jìn)行書(shū)寫(xiě)手機(jī)端的樣式,往往UI的體驗(yàn)感非常差。為了增強(qiáng)UI的體驗(yàn),則往往會(huì)利用已有的UI組件進(jìn)行搭配使用。
1) 選擇手機(jī)UI組件的依據(jù)
- 輕量級(jí)
如果是過(guò)于笨重的組件庫(kù),則打包后文件會(huì)非常大,嚴(yán)重影響加載速度,體驗(yàn)感非常差。 - 組件的完整性
這個(gè)也是比較重要的,如果組件庫(kù)不完整,要么自己去造輪子,要么再引入另外一個(gè)UI庫(kù)。 - UI的美觀(guān)
這個(gè)直接影響UI體驗(yàn)感。
2) 比較好用的幾款UI組件庫(kù)1. mint UI
- 組件地址:http://mint-ui.github.io/#!/zh-cn
- 項(xiàng)目地址:https://github.com/ai-word
- 支持vue: vue2.0版本
2. muse UI
- 組件地址:https://muse-ui.org/#/zh-CN
- 項(xiàng)目地址:https://github.com/ai-word
- 支持vue: vue2.0版本
3. nutUI
- 組件地址:https://nutui.jd.com
- 項(xiàng)目地址:https://github.com/ai-word
- 支持vue: vue3.0版本
注:所有項(xiàng)目稍后會(huì)上傳。
資源下載
https://github.com/ai-word
總結(jié)
以上是生活随笔為你收集整理的vue ui框架_「webAPP」记录几款比较好用的vue 移动端的ui框架的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: matlab相机标定 外参数,相机外参数
- 下一篇: mock模拟接口测试 vue_Easy