Vue + element-ui project skin replacement

  1. Project defaults to daytime and requires a set of night mode. Skinning includes element-ui+ custom style, and two sets have been prepared.
  2. written in sass and put online, users can manually switch day and night themes;

thought of:

prepare light-color.scss,night-color.scss, to write two sets of colors in it, import each page of variable.scss, to introduce variable color number, generate two sets of css files, and then use js to switch the href of link to switch themes.

but there is a problem with the actual operation: how to package the project manually and get it to package two sets of css.

maybe there"s a better way?


you can use the command theme tool

http://element.eleme.io/-sharp/zh-.

there will be css files in the overall style under the generated file directory. You only need to generate two copies to be uploaded to cdn or server

as needed.

just switch url


this is the source code https://blog.csdn.net/qq_3234.


https://codeshelper.com/a/11.
only replaces color values

Menu