vue+less實現(xiàn)夜間模式

項目中使用less預處理器

安裝依賴：less、less-loader、style-resources-loader

實現(xiàn)步驟

1、一個theme.less文件（定義通用變量）

2、vue項目中全局引入theme.less文件

附：全局引入stylus文件

3、獲取模式增加類名

4、樣式設置

總結

1、安卓4以上手機兼容問題未發(fā)現(xiàn)，會自動編譯變量為對應色值

2、弊端：每個頁面樣式均得定義函數(shù)，每個使用變量均得再函數(shù)中對應

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容