vue.js怎么引入material.css之类的ui库

html-css027

vue.js怎么引入material.css之类的ui库,第1张

vue.js引入material.css之类的ui库

用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.Aliceui

Aliceui是支付宝的样式解决方案,是一套精选的基于 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增值业务中。