Vue速成day09--UI库的使用

UI库

PC端

element­ui 饿了么(推荐)
1 、官网

https://element.eleme.cn/#/zh-CN

2 、安装

npm i element-ui -S

3 、在main.js中引入

import ElementUi from "element-ui"
import "element-ui/lib/theme-chalk/index.css"
Vue.use(ElementUi)

iview
官网：http://v1.iviewui.com

移动端

mint­ui 饿了么(不推荐)
官网：http://mint­ui.github.io/#!/zh­cn
vant(推荐)
官网：https://vant­contrib.gitee.io/vant/#/zh­CN/

改样式

1 、微调UI的样式，选中你要的类名，修改

2 、如果 1 不行，加 !important

.hehehe{
background: purple !important;
border-color: purple !important;
}

3 、如果 1 和 2 都不行，可以借助stylus解决

安装方式
npm i stylus stylus-loader --save