Forráskód Böngészése

fix: 新增边框4的设置

MTrun 3 éve
szülő
commit
4cb9597ad9

+ 1 - 1
src/components/ChartItemSetting/StylesSetting.vue

@@ -1,5 +1,5 @@
 <template>
-  <collapse-item name="通用样式">
+  <collapse-item name="通用">
     <setting-item-box name="透明度" :alone="true">
       <!-- 透明度 -->
       <n-slider

+ 44 - 0
src/packages/components/Decorates/Borders/Border04/config.vue

@@ -1,4 +1,48 @@
 <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">
     <SettingItemBox
       :name="`颜色-${index + 1}`"