vue做主题切换

LeeTse
  • 90

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

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

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

回复
阅读 3.7k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏