|
@@ -1,4 +1,48 @@
|
|
|
<template>
|
|
<template>
|
|
|
|
|
+ <CollapseItem name="标题" :expanded="true">
|
|
|
|
|
+ <SettingItemBox name="内容" :alone="true">
|
|
|
|
|
+ <n-input
|
|
|
|
|
+ size="small"
|
|
|
|
|
+ v-model:value="optionData.borderTitle"
|
|
|
|
|
+ :minlength="1"
|
|
|
|
|
+ type="text"
|
|
|
|
|
+ placeholder="请输入标题内容"
|
|
|
|
|
+ />
|
|
|
|
|
+ </SettingItemBox>
|
|
|
|
|
+
|
|
|
|
|
+ <SettingItemBox name="样式">
|
|
|
|
|
+ <SettingItem name="颜色">
|
|
|
|
|
+ <n-color-picker
|
|
|
|
|
+ size="small"
|
|
|
|
|
+ :modes="['hex']"
|
|
|
|
|
+ v-model:value="optionData.borderTitleColor"
|
|
|
|
|
+ ></n-color-picker>
|
|
|
|
|
+ </SettingItem>
|
|
|
|
|
+ <SettingItem name="文字大小">
|
|
|
|
|
+ <n-input-number
|
|
|
|
|
+ size="small"
|
|
|
|
|
+ v-model:value="optionData.borderTitleSize"
|
|
|
|
|
+ :min="12"
|
|
|
|
|
+ />
|
|
|
|
|
+ </SettingItem>
|
|
|
|
|
+ <SettingItem name="高度">
|
|
|
|
|
+ <n-input-number
|
|
|
|
|
+ size="small"
|
|
|
|
|
+ v-model:value="optionData.borderTitleHeight"
|
|
|
|
|
+ :min="24"
|
|
|
|
|
+ />
|
|
|
|
|
+ </SettingItem>
|
|
|
|
|
+ <SettingItem name="宽度">
|
|
|
|
|
+ <n-input-number
|
|
|
|
|
+ size="small"
|
|
|
|
|
+ v-model:value="optionData.borderTitleWidth"
|
|
|
|
|
+ :min="50"
|
|
|
|
|
+ :step="10"
|
|
|
|
|
+ />
|
|
|
|
|
+ </SettingItem>
|
|
|
|
|
+ </SettingItemBox>
|
|
|
|
|
+ </CollapseItem>
|
|
|
|
|
+
|
|
|
<CollapseItem name="边框" :expanded="true">
|
|
<CollapseItem name="边框" :expanded="true">
|
|
|
<SettingItemBox
|
|
<SettingItemBox
|
|
|
:name="`颜色-${index + 1}`"
|
|
:name="`颜色-${index + 1}`"
|