| | |
|---|
| | | <template> |
|---|
| | | <el-color-picker |
|---|
| | | v-model="theme" |
|---|
| | | :predefine="['#409EFF', '#1890ff', '#304156','#212121','#11a983', '#13c2c2', '#6959CD', '#f5222d', ]" |
|---|
| | | :predefine="['#409EFF', '#1890ff', '#304156','#212121','#42B983','#11a983', '#13c2c2', '#6959CD', '#f5222d', ]" |
|---|
| | | class="theme-picker" |
|---|
| | | popper-class="theme-picker-dropdown" |
|---|
| | | /> |
|---|
| | |
|---|
| | | if (typeof val !== 'string') return |
|---|
| | | const themeCluster = this.getThemeCluster(val.replace('#', '')) |
|---|
| | | const originalCluster = this.getThemeCluster(oldVal.replace('#', '')) |
|---|
| | | console.log(themeCluster, originalCluster) |
|---|
| | | |
|---|
| | | const $message = this.$message({ |
|---|
| | | message: ' 正在切换主题', |
|---|
| | |
|---|
| | | // https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css |
|---|
| | | |
|---|
| | | // http://121.196.36.24:8001/VueTheme/theme.css |
|---|
| | | const url = 'http://121.196.36.24:8001/VueTheme/theme.css' |
|---|
| | | // const url = 'http://121.196.36.24:8001/VueTheme/theme.css' |
|---|
| | | const url = process.env.VUE_APP_BASE_API_FILE + '/VueTheme/theme.css' |
|---|
| | | await this.getCSSString(url, 'chalk') |
|---|
| | | } |
|---|
| | | |
|---|
