移动端主流的css框架

html-css014

移动端主流的css框架,第1张

1、bootstrap: http://www.bootcss.com/ 响应式布局

jquery weui https://jqweui.cn/components#form

jquery weui开发经验总结

2、css3 动画

http://www.haorooms.com/uploads/example/Animatecss/

更多框架

http://nec.netease.com/framework

3、icon字体

http://fontawesome.io/

http://www.iconfont.cn/

4、css的 SASS 和Less框架

vonic 框架

https://wangdahoo.github.io/vonic/docs/#/

下面是 Awesome Vue 收集的一些优质的第三方组件库资源。

UI frameworks for mobile

Set of components for mobile

官方文档

Vant 是有赞商城前端开发团队开发的一个基于 Vue.js 的移动端组件库,它提供了非常丰富的移动端功能组件,简单易用。

下面是在 Vant 官网中列出的一些优点:

在我们的项目中主要使用 Vant 作为核心组件库,下面我们根据 官方文档 将 Vant 导入项目中。

将 Vant 引入项目一共有四种方式:

这里建议为了 前期开发的便利性 我们选择方式三: 导入所有组件 ,在最后做打包优化的时候 根据需求配置按需加载 以 降低打包体积大小 。

1、安装 Vant

2、在 main.js 中加载注册 Vant 组件

3、查阅文档使用组件

官方文档