# dynamic-theme

**Repository Path**: wang-yufeng/dynamic-theme

## Basic Information

- **Project Name**: dynamic-theme
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-22
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# dynamic-theme

#### 介绍

  * 基于vue实现换肤/切换主题效果

  * 自定义主题

  * 使用scss预处理语言

#### 实现思路
      
  1. 切换主题

      * 通过js动态改变主题

      * 通过scss定义多套主题

      * 使用混合模式动态取值

  2. 自定义主题

      * 定义css变量

      * 通过js动态修改变量

#### 优劣

  1. 切换主题

      * 利用scss的控制指令，来提升开发效率

      * 利用mixin和include，减少代码复写

      * 形成多套css样式，导致css文件体积变大

  2. 自定义主题

      * 减少css代码量

      * 一套主题可能需要定义多个css变量