vue做主题切换

发布于 2022-09-11 15:29:52 字数 376 浏览 29 评论 0

项目要做主题切换(不止颜色,包括图片),我现在的思路是

  1. scss每个组件的样式写两遍(两种主题),公共组件样式也是两种,抽离出来到themes目录下;
  2. main初始化localStorage的 app_theme 为 white(白色主题);
  3. 加载时,通过路由钩子afterEach(to,from),用to和app_theme去区分,动态require哪种个组件的什么颜色的样式,如果是公共组件,通过app_theme加载全部公共样式。
  4. 切换时,改变Storage的app_theme并刷新当前页。

请问这个思路有什么弊端,或者哪位大神能提供更好的思路?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文