震惊!!!一眼就能看懂的element-ui引入和修改样式问题!!!!

安装使用element-ui框架
(1)下载指令 npm i element-ui -S
(2)在main.js中引入
import Vue from ‘vue’;
import ElementUI from ‘element-ui’;
import ‘element-ui/lib/theme-chalk/index.css’;
import App from ‘./App.vue’;
Vue.use(ElementUI)

更改element ui 的三种方式
(1)给组件加上id或者class,然后添加一个style,不要加scoped(vue可以有多个style),在组件里直接修改
(2)外部引入css文件,默认样式会被覆盖
(3)利用深度::v-deep深度修改组建的样式,可以直接写在到scoped作用域的style里面。
例子:::v-deep .video-play { width:100px}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值