修改element,vant,mint等ui框架的樣式


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;
      }
    }
 }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM