有时在做项目时,不同场景的项目既要有网站,又要有手机端,为了快速开发,如果功能简单,要求不高的话,我们一般会用H5进行移动端的适配。
如果采用纯html进行书写手机端的样式,往往UI的体验感非常差。为了增强UI的体验,则往往会利用已有的UI组件进行搭配使用。
1) 选择手机UI组件的依据
- 轻量级
如果是过于笨重的组件库,则打包后文件会非常大,严重影响加载速度,体验感非常差。 - 组件的完整性
这个也是比较重要的,如果组件库不完整,要么自己去造轮子,要么再引入另外一个UI库。 - UI的美观
这个直接影响UI体验感。
2) 比较好用的几款UI组件库1. mint UI
- 组件地址:http://mint-ui.github.io/#!/zh-cn
- 项目地址:https://github.com/ai-word
- 支持vue: vue2.0版本
2. muse UI
- 组件地址:https://muse-ui.org/#/zh-CN
- 项目地址:https://github.com/ai-word
- 支持vue: vue2.0版本
3. nutUI
- 组件地址:https://nutui.jd.com
- 项目地址:https://github.com/ai-word
- 支持vue: vue3.0版本
注:所有项目稍后会上传。
资源下载
https://github.com/ai-word