vue+less实现夜间模式

项目中使用less预处理器

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

实现步骤

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

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

附：全局引入stylus文件

3、获取模式增加类名

4、样式设置

总结

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容