用vue-cli创建以webpack为模版的项目,npm install material-css,然后怎么配置才可以使用呢
看你需求了,
第一种全局引入,在main.js中写路径import '../css/xxx.css'
第二种组件中引入,在组件中的style标签写@import '../css/xxx.css'
如果只是纯css的话,直接在main.js里面
import 'XXX.css'
应该就可以了吧
没用过你说的material-css,不过github的readme应该有讲npm之后要怎样用吧?
通常要么是全局引用,在根组件require并vue.use;要么是支持局部引用,在需要的组件里require,在components里面声明。
CMD
require('!style!css!material-css/material-css.css')
如果是在全局都使用的话可以在index.html中引入这个文件,如果是在组件中使用,可以用import xx.css
1.AliceuiAliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。
2.Amazeui
Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。
3.sui
SUI是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。
通过SUI,可以非常方便的设计和实现精美的页面。
同时sui还有移动端版本msui,msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。
4.FrozeUI
Frozen UI是一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。