vue+less实现夜间模式

项目中使用less预处理器

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

实现步骤

1、一个theme.less文件(定义通用变量)

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

附:全局引入stylus文件

3、获取模式增加类名

4、样式设置

总结

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

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

你可能感兴趣的:(vue+less实现夜间模式)