vue做主题切换
项目要做主题切换(不止颜色,包括图片),我现在的思路是:
- scss每个组件的样式写两遍(两种主题),公共组件样式也是两种,抽离出来到themes目录下;
- main初始化localStorage的 app_theme 为 white(白色主题);
- 加载时,通过路由钩子afterEach(to,from),用to和app_theme去区分,动态require哪种个组件的什么颜色的样式,如果是公共组件,通过app_theme加载全部公共样式。
- 切换时,改变Storage的app_theme并刷新当前页。
请问这个思路有什么弊端,或者哪位大神能提供更好的思路?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论