最近項(xiàng)目中要求實(shí)現(xiàn)夜間模式锅知，整理一下實(shí)現(xiàn)方法播急。
ps. 我們的項(xiàng)目是混合開發(fā)，所以夜間模式要通過原生交互實(shí)現(xiàn)售睹，如果直接是h5項(xiàng)目桩警，則可省去原生交互這塊。
step1?原生交互方法
step2? 獲取模式方法
step3?實(shí)現(xiàn)方法
1昌妹、使用css大類區(qū)分
2捶枢、針對(duì)不同class類定義css屬性全局變量
3、全局引入樣式文件（main.js中引入）
4飞崖、頁(yè)面中可定義css私有變量（包含頁(yè)面中特殊的顏色屬性烂叔，不止涉及亮度更改的圖片）
????????變量定義規(guī)范：--（頁(yè)面名稱）-自定義
? ??????建議將白天與夜間模式圖片區(qū)分兩個(gè)文件夾存儲(chǔ)
5、變量使用規(guī)范
總結(jié)：
1固歪、注意css變量的使用的兼容性蒜鸡，例如安卓5的手機(jī)可能識(shí)別不了變量，解決方法：postcss可以試試看
2牢裳、如果項(xiàng)目中已使用less逢防，可直接用less來(lái)實(shí)現(xiàn)，現(xiàn)未發(fā)現(xiàn)其兼容性問題（下一篇文章我會(huì)寫less實(shí)現(xiàn)夜間模式）
