项目中需要一键换肤效果。刚开始项目是直接只用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