perfect_text_color

src/views/components/PenProps.vue

@@ -613,8 +613,8 @@
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"
                     :clearable="true"
-                    v-model="data.pen.color"
-                    @change="changeValue('color')"
+                    v-model="data.pen.textColor"
+                    @change="changeValue('textColor')"
                   />
                   <label style="width: 44px">前景</label>
                   <t-color-picker
@@ -622,8 +622,8 @@
                     format="CSS"
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"
-                    v-model="data.pen.background"
-                    @change="changeValue('background')"
+                    v-model="data.pen.textBackground"
+                    @change="changeValue('textBackground')"
                   />
                   <label style="width: 44px">背景</label>
 
@@ -632,8 +632,8 @@
                     format="CSS"
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"
-                    v-model="data.pen.hoverColor"
-                    @change="changeValue('hoverColor')"
+                    v-model="data.pen.hoverTextColor"
+                    @change="changeValue('hoverTextColor')"
                   />
                   <label style="width: 44px">悬停</label>
 
@@ -642,8 +642,8 @@
                     format="CSS"
                     :color-modes="['monochrome']"
                     :show-primary-color-preview="false"
-                    v-model="data.pen.activeColor"
-                    @change="changeValue('activeColor')"
+                    v-model="data.pen.activeTextColor"
+                    @change="changeValue('activeTextColor')"
                   />
                   <label style="width: 44px">选中</label>
                 </div>