1. 程式人生 > >vue使用mint-ui中的問題,打包上線之後mint-ui樣式沒有覆蓋,順序問題

vue使用mint-ui中的問題,打包上線之後mint-ui樣式沒有覆蓋,順序問題

在vue專案中,使用mint-ui元件,想要覆蓋掉mint-ui的樣式,可以單獨建一個scss檔案,也可以在各元件用到的地方覆蓋掉,(且不說樣式的權重,就是想找找茬),開發環境,完美覆蓋,build打包後,檢視沒有覆蓋,發現mint-ui的樣式順序在後面,自己寫的在前面,所以沒蓋掉;

試了各種,發現在main.js,mint-ui,的引用順序,
//這是原先的,順序在router之後,不能覆蓋掉樣式,
這裡寫圖片描述
//把mint-ui 在router之前引入可以解決,build之後,各元件的樣式會蓋掉mint-ui
這裡寫圖片描述

這裡寫圖片描述