|
|
@ -29,48 +29,58 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<SettingTitle>基础</SettingTitle>
|
|
|
|
<SettingTitle>基础</SettingTitle>
|
|
|
|
<div class="lc-field-body">
|
|
|
|
<div class="lc-field-body">
|
|
|
|
<el-form-item label="字体颜色">
|
|
|
|
<el-form-item label="字体大小">
|
|
|
|
<ColorPicker
|
|
|
|
<el-input-number
|
|
|
|
v-model="config.customize.color"
|
|
|
|
v-model="config.customize.fontSize"
|
|
|
|
:predefine="predefineThemeColors"
|
|
|
|
class="bs-el-input-number"
|
|
|
|
|
|
|
|
:min="12"
|
|
|
|
|
|
|
|
:step="1"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="卡片背景颜色">
|
|
|
|
<el-form-item label="字体权重">
|
|
|
|
<ColorPicker
|
|
|
|
<el-input-number
|
|
|
|
v-model="config.customize.bgColor"
|
|
|
|
v-model="config.customize.fontWeight"
|
|
|
|
:predefine="predefineThemeColors"
|
|
|
|
class="bs-el-input-number"
|
|
|
|
|
|
|
|
:min="0"
|
|
|
|
|
|
|
|
:step="1"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="卡片边框颜色">
|
|
|
|
<el-form-item label="字体颜色">
|
|
|
|
<ColorPicker
|
|
|
|
<ColorPicker
|
|
|
|
v-model="config.customize.borderColor"
|
|
|
|
v-model="config.customize.color"
|
|
|
|
:predefine="predefineThemeColors"
|
|
|
|
:predefine="predefineThemeColors"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="卡片边框粗度">
|
|
|
|
<el-form-item label="卡片宽度">
|
|
|
|
<el-input-number
|
|
|
|
<el-input-number
|
|
|
|
v-model="config.customize.borderWidth"
|
|
|
|
v-model="config.customize.width"
|
|
|
|
class="bs-el-input-number"
|
|
|
|
class="bs-el-input-number"
|
|
|
|
:min="0"
|
|
|
|
:min="0"
|
|
|
|
:step="1"
|
|
|
|
:step="1"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="字体大小">
|
|
|
|
<el-form-item label="卡片高度">
|
|
|
|
<el-input-number
|
|
|
|
<el-input-number
|
|
|
|
v-model="config.customize.fontSize"
|
|
|
|
v-model="config.customize.height"
|
|
|
|
class="bs-el-input-number"
|
|
|
|
class="bs-el-input-number"
|
|
|
|
:min="12"
|
|
|
|
:min="0"
|
|
|
|
:step="1"
|
|
|
|
:step="1"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="卡片宽度">
|
|
|
|
<el-form-item label="卡片间距">
|
|
|
|
<el-input-number
|
|
|
|
<el-input-number
|
|
|
|
v-model="config.customize.width"
|
|
|
|
v-model="config.customize.marginRight"
|
|
|
|
class="bs-el-input-number"
|
|
|
|
class="bs-el-input-number"
|
|
|
|
:min="0"
|
|
|
|
:min="0"
|
|
|
|
:step="1"
|
|
|
|
:step="1"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
|
|
|
|
<el-form-item label="卡片背景">
|
|
|
|
|
|
|
|
<ColorPicker
|
|
|
|
|
|
|
|
v-model="config.customize.bgColor"
|
|
|
|
|
|
|
|
:predefine="predefineThemeColors"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="卡片圆角">
|
|
|
|
<el-form-item label="卡片圆角">
|
|
|
|
<el-input-number
|
|
|
|
<el-input-number
|
|
|
|
v-model="config.customize.borderRadius"
|
|
|
|
v-model="config.customize.borderRadius"
|
|
|
@ -79,24 +89,21 @@
|
|
|
|
:step="1"
|
|
|
|
:step="1"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="逗号分隔位置">
|
|
|
|
<el-form-item label="卡片边框">
|
|
|
|
<el-input-number
|
|
|
|
<el-input-number
|
|
|
|
v-model="config.customize.formatter"
|
|
|
|
v-model="config.customize.borderWidth"
|
|
|
|
class="bs-el-input-number"
|
|
|
|
class="bs-el-input-number"
|
|
|
|
:min="0"
|
|
|
|
:min="0"
|
|
|
|
:max="100"
|
|
|
|
|
|
|
|
:step="1"
|
|
|
|
:step="1"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="字体粗细">
|
|
|
|
<el-form-item label="卡片边框色">
|
|
|
|
<el-input-number
|
|
|
|
<ColorPicker
|
|
|
|
v-model="config.customize.fontWeight"
|
|
|
|
v-model="config.customize.borderColor"
|
|
|
|
class="bs-el-input-number"
|
|
|
|
:predefine="predefineThemeColors"
|
|
|
|
:min="0"
|
|
|
|
|
|
|
|
:step="1"
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="数字位数">
|
|
|
|
<el-form-item label="最小个数">
|
|
|
|
<el-input-number
|
|
|
|
<el-input-number
|
|
|
|
v-model="config.customize.numberDigits"
|
|
|
|
v-model="config.customize.numberDigits"
|
|
|
|
class="bs-el-input-number"
|
|
|
|
class="bs-el-input-number"
|
|
|
@ -104,27 +111,28 @@
|
|
|
|
:step="1"
|
|
|
|
:step="1"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="卡片距离">
|
|
|
|
<el-form-item label="分隔个数">
|
|
|
|
<el-input-number
|
|
|
|
<el-input-number
|
|
|
|
v-model="config.customize.marginRight"
|
|
|
|
v-model="config.customize.formatter"
|
|
|
|
class="bs-el-input-number"
|
|
|
|
class="bs-el-input-number"
|
|
|
|
:min="0"
|
|
|
|
:min="0"
|
|
|
|
|
|
|
|
:max="100"
|
|
|
|
:step="1"
|
|
|
|
:step="1"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="补位值">
|
|
|
|
<el-form-item label="占位符">
|
|
|
|
<el-input
|
|
|
|
<el-input
|
|
|
|
v-model="config.customize.placeHolder"
|
|
|
|
v-model="config.customize.placeHolder"
|
|
|
|
clearable
|
|
|
|
clearable
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="头部填充">
|
|
|
|
<el-form-item label="头部单位">
|
|
|
|
<el-input
|
|
|
|
<el-input
|
|
|
|
v-model="config.customize.slotLeft"
|
|
|
|
v-model="config.customize.slotLeft"
|
|
|
|
clearable
|
|
|
|
clearable
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</el-form-item>
|
|
|
|
</el-form-item>
|
|
|
|
<el-form-item label="尾部填充">
|
|
|
|
<el-form-item label="尾部单位">
|
|
|
|
<el-input
|
|
|
|
<el-input
|
|
|
|
v-model="config.customize.slotRight"
|
|
|
|
v-model="config.customize.slotRight"
|
|
|
|
clearable
|
|
|
|
clearable
|
|
|
|