简柏林 / thingskit-view · Commits

Commit fbd3f411f188633768f5255111fdde6c3be1f132

Authored by ww
1 parent 2c754004

perf(icon): 颜色选择器新增清除按钮

Inline Side-by-side
Showing 1 changed file with 6 additions and 4 deletions
... ... @@ -5,10 +5,10 @@
5 5 <IconPicker v-model:value="optionData.icon" />
6 6 </SettingItem>
7 7 <SettingItem name="背景色">
8   - <NColorPicker v-model:value="optionData.backgroundColor" size="small"></NColorPicker>
  8 + <NColorPicker :actions="['clear']" v-model:value="optionData.backgroundColor" size="small"></NColorPicker>
9 9 </SettingItem>
10 10 <SettingItem name="颜色">
11   - <NColorPicker v-model:value="optionData.iconColor" size="small"></NColorPicker>
  11 + <NColorPicker :actions="['clear']" v-model:value="optionData.iconColor" size="small"></NColorPicker>
12 12 </SettingItem>
13 13 </SettingItemBox>
14 14 <SettingItemBox name="边框">
... ... @@ -19,7 +19,8 @@
19 19 <NSelect v-model:value="optionData.borderStyle" size="small" :options="getBorderStyleOptions"></NSelect>
20 20 </SettingItem>
21 21 <SettingItem name="边框色">
22   - <NColorPicker size="small" :modes="['hex']" v-model:value="optionData.borderColor"></NColorPicker>
  22 + <NColorPicker :actions="['clear']" size="small" :modes="['hex']" v-model:value="optionData.borderColor">
  23 + </NColorPicker>
23 24 </SettingItem>
24 25 <SettingItem name="边框大小">
25 26 <NInputNumber v-model:value="optionData.borderWidth" size="small" :step="0.5" :min="0"></NInputNumber>
... ... @@ -27,7 +28,8 @@
27 28 </SettingItemBox>
28 29 <SettingItemBox v-if="optionData.borderType === IconBorderEnum.RECT" name="圆点">
29 30 <SettingItem name="颜色">
30   - <NColorPicker size="small" :modes="['hex']" v-model:value="optionData.pointColor"></NColorPicker>
  31 + <NColorPicker size="small" :modes="['hex']" :actions="['clear']" v-model:value="optionData.pointColor">
  32 + </NColorPicker>
31 33 </SettingItem>
32 34 <SettingItem name="大小">
33 35 <NInputNumber v-model:value="optionData.pointSize" size="small" :step="0.5" :min="0"></NInputNumber>
... ...