Vue换肤方案验证如何实现个性化长尾词效果？

本文共计1185个文字，预计阅读时间需要5分钟。

原文：本项目的换肤方案灵感来源于element-ui。需求：网站换肤，主题切换。网站的主题色可以在几种常用颜色之间切换，还有相关图片、图标也要随主题色进行切换。不多说，先看最终的效果。

改写后：本项目灵感源自element-ui，旨在实现网站换肤与主题切换。用户可自由切换主题色，涵盖常用颜色选项，并自动更新相关图片与图标。具体效果，敬请期待。

本文的换肤方案灵感来自于 element-ui

需求：网站换肤，主题切换。网站的主题色可以在几种常用颜色之间进行切换，还有相关图片、图标也要跟随主题进行切换。

不多说，先看下最终的实现效果：

文章由两部分组成：css切换，图片图标切换

css切换

1.在 static 目录下新建一个 styles 文件夹，在 styles 下新建一个 theme.scss 文件（项目使用了sass，会自动编译成css文件，如果没有使用这些预处理工具可以直接新建 theme.css），将需要替换的 CSS 声明在此文件中。