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

Posted 2020-12-25 zousaili

两种方式实现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>