fix: update configuration and header

This commit is contained in:
yanglbme 2020-07-27 19:44:59 +08:00
parent baf0f93fb7
commit 99d6b58e91
2 changed files with 10 additions and 10 deletions

View File

@ -37,29 +37,29 @@ export default {
colorOption: [{
label: '经典蓝',
value: 'rgba(15, 76, 129, 1)',
hex: '最新流行'
desc: '最新流行'
},
{
label: '翡翠绿',
value: 'rgba(0, 152, 116, 1)',
hex: '优雅清新'
desc: '优雅清新'
},
{
label: '活力橘',
value: 'rgba(250, 81, 81, 1)',
hex: '热情活泼'
desc: '热情活泼'
}
],
codeThemeOption: [
{
label: '微信',
value: 'wechat',
hex: '默认样式'
desc: '默认样式'
},
{
label: 'github',
label: 'GitHub',
value: 'github',
hex: '精简风格'
desc: '精简风格'
}
],
form: {

View File

@ -43,17 +43,17 @@
<el-select v-model="selectColor" size="mini" placeholder="选择颜色" clearable @change="colorChanged">
<el-option v-for="color in config.colorOption" :key="color.value" :label="color.label" :value="color.value">
<span class="select-item-left">{{ color.label }}</span>
<span class="select-item-right">{{ color.hex }}</span>
<span class="select-item-right">{{ color.desc }}</span>
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-select v-model="selectCodeTheme" size="mini" placeholder="选择代码样式" clearable @change="codeThemeChanged">
<el-select v-model="selectCodeTheme" size="mini" placeholder="选择代码样式" clearable @change="codeThemeChanged">
<el-option v-for="theme in config.codeThemeOption" :key="theme.value"
:label="'代码块样式:' + theme.label"
:label="theme.label"
:value="theme.value">
<span class="select-item-left">{{ theme.label }}</span>
<span class="select-item-right">{{ theme.hex }}</span>
<span class="select-item-right">{{ theme.desc }}</span>
</el-option>
</el-select>
</el-form-item>