vue+less实现夜间模式

项目中使用less预处理器

安装依赖：less、less-loader、style-resources-loader

实现步骤

1、一个theme.less文件（定义通用变量）

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

附：全局引入stylus文件

3、获取模式增加类名

4、样式设置

总结

1、安卓4以上手机兼容问题未发现，会自动编译变量为对应色值

2、弊端：每个页面样式均得定义函数，每个使用变量均得再函数中对应