做項目有些需求是項目要改版,但是又想留一個老項目的入口,所以不同頁面要用不同樣式,對於引入外部UI來說是個麻煩事,因為要設置外部UI組件的樣式必須是全局設置,也就是說<style></style>中不能帶有
<style scoped lang="less"> scoped ,因為帶有scoped變成頁面獨有樣式 設置不了外部UI樣式,那么問題來了,老項目保留老樣式,新項目保留新樣式,又只能全局設置,肯定會相互影響,所以就想了個辦法,單獨新建一個bass.less,不同頁面最大的盒子設置不同類名,然后每個頁面的UI樣式包裹在這個類名之中,就可以實現引入外部UI組件不同頁面顯示不同樣式,比如minit UI
頁面1
.calss111{
.mint-cell {
color: #333;
}
}
頁面2
.calss222{
.mint-cell {
color: #fff;
}
}
通過不同頁面最大盒子的類名區分來寫,就可以實現引入外部UI組件不同頁面顯示不同樣式,每個頁面樣式不相互影響