amass/md
1
0
Fork 0
mirror of https://github.com/doocs/md.git synced 2024-12-01 06:42:23 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: update configuration and header

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/assets/scripts/config.js
View File

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

8
src/components/CodemirrorEditor/header.vue
View File

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