码迷,mamicode.com
首页 > 其他好文 > 详细

Vue+element-ui 重置组件样式的写法

时间:2018-07-25 16:12:10      阅读:261      评论:0      收藏:0      [点我收藏+]

标签:100%   图片   首页   com   import   main   bsp   引入   重置   

两种方式实现element-ui组件的样式

方案1:重置的公共组件样式的写法如下

技术分享图片

然后在min.js中引入

import ‘@/assets/css/element.css‘
 
方案2:每个.vue文件 - 组件的细节调整
<template>
 // 给根元素绑定一个id
    <div id="home">
    </div>
</template>
 
然后在 
<style scoped>
这样写   
/* 首页submit按钮 */
#home >>> .calendar_content_main .el-button {
width: 100%;
height: 100%;
padding: 0;
}
</style>
 

 

Vue+element-ui 重置组件样式的写法

标签:100%   图片   首页   com   import   main   bsp   引入   重置   

原文地址:https://www.cnblogs.com/zousaili/p/9366153.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!