項目中需要一鍵換膚效果。剛開始項目是直接只用css 然后使用css modules 這樣子的。
然后需要實現這一個效果的話必須使用less 。
在將所有css替換成less 之后 突然發現 部分語法有問題
1.calc 的計算 原來 是這樣的 calc（100% - 10rem） 會被編譯成 calc （100% - 10%）
需要改成 calc（～'100% - 10rem'） 這樣有才效
2.背景圖的使用會有問題
只使用less 的情況下 是 絕對路徑 沒毛病 但是 在less 與css modules 共存的情況下 取不到圖片
第一種方法 ：使用 background: url(../livePlay/img/drop_out.png) no-repeat;
先返回到上一級然后在到圖片 。這個圖可以看到我less 文件與img文件是同級的 但是同級 ./ 加載不到 只能 ../livePlay/img 先退到上一級在進來。這樣是可以的
第二種方法 ： 使用 background: ~"url(./bg.png)" no-repeat；
這個方法是dva 官方提供的
本人qq 981900309