vue + element-ui 项目换肤
- 项目默认是白天,需要一套夜间模式,换肤包括element-ui+自定义样式,已经准备好两套;
- 使用sass编写的,放到线上,用户能手动切换日,夜主题;
已经想到的:
准备light-color.scss,night-color.scss,在里面写好两套颜色,导入variable.scss,各个页面引入variable色号,生成两套css文件,然后用户切换时,通过js切换link的href来切换主题。
但实际操作出现问题:怎么手动打包项目,让它打包出两套css。
或许还有更好的办法?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
这是源码 https://blog.csdn.net/qq_3234...
可以用命令主题工具
生成的文件目录下会有整体样式的 css 文件,只需要按需生成两份上传到 cdn 或者服务器
只需要切换 url 就可以了
https://segmentfault.com/a/11...
只替换颜色值