vant和mint移動端常見,引入單獨的css文件,在main.js中引入下即可,直接在對應的vue文件的css通過控制台查看中修改也行,再不濟加!important
element:
1.vue框架的css預處理器可解析的情況下:
給組件父元素添加class名,使三箭頭穿透函數>>>修改組件內部需要修改的部分
// 折疊面板頭部樣式
.collapseBG >>>.el-collapse-item__header{
background:red!important
}
2.css預處理器不可解析(如:scss):v-deep深度修改
s.project{
padding:10px 15px;
::v-deep{
.el-collapse-item__header{
background-color:red!important;
}
}
}
