# vue-changeTheme-by-stylus

**Repository Path**: eric_ts/vue-changeTheme-by-stylus

## Basic Information

- **Project Name**: vue-changeTheme-by-stylus
- **Description**: vue点击图标一键换肤demo
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-12-24
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-changeTheme-by-stylus

#### 介绍
换肤demo、更换主题、更换指定风格主题

#### 原始模块主题更换
1. 安装stylus stylus-loader
2. 引入全局styl
3. 定义变量->提取需要更改的theme属性->编写函数->用class包裹原有的块状styl

#### element-ui主题更换工具
1. element主题更换工具
2. gulp-css-wrap

#### 参考地址
[csdn young_Emily](https://blog.csdn.net/young_Emily/article/details/78591261)

#### 打包完成呈现的一些变化（原因未知）
1. el-select选择框右侧动画
```
//样式不符合
.custom-default .el-icon-arrow-up:before{
  content: "\E605";
}
//修改为如下恢复正常
.custom-default .el-icon-arrow-up:before{
  content: "\E603";
}
```
2. glup打包不针对element-font,打包完成以后要修改@font-face下面的url()到指定目录即可