style(表单组件): 调整必填项星号位置并统一标签文字样式

统一项目内所有表单字段组件的UI样式，修复必填星号的间距布局问题，统一设置字段标签文字颜色为#999。

 <!--
  * @Date: 2022-08-29 14:31:20
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-22 09:58:05
+ * @LastEditTime: 2026-06-02 17:02:08
  * @FilePath: /data-table/src/components/AppointmentField/index.vue
  * @Description: 预约时间控件
 -->
@@ -9,8 +9,8 @@
   <div class="Appointment-field-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <van-field :name="item.name" :rules="rules">
       <template #input>

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="area-picker-field">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <van-field :name="item.key" :rules="rules" style="padding: 0;">
       <template #input>

@@ -9,8 +9,8 @@
   <div class="calendar-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <van-field
       v-model="item.value"

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="checkbox-field-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
       <span v-if="item.component_props.max" style="color: gray">
         (最多可选数:&nbsp;{{ item.component_props.max }})
       </span>

 <!--
  * @Date: 2022-08-31 11:45:30
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-11-21 13:14:46
+ * @LastEditTime: 2026-06-02 17:01:04
  * @FilePath: /data-table/src/components/DatePickerField/index.vue
  * @Description: 日期选择组件
 -->
@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="date-picker-field">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <div v-if="item.component_props.readonly" style="padding: 0.5rem 1rem 1rem 0.3rem; font-size: 0.9rem;">
       {{ item.value }}

 <!--
  * @Date: 2022-09-08 15:02:45
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-11-21 09:40:49
+ * @LastEditTime: 2026-06-02 17:00:52
  * @FilePath: /data-table/src/components/DateTimePickerField/index.vue
  * @Description: 日期时间选择器
 -->
@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="datetime-picker">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <van-field
       v-model="item.value"

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="text-field-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <van-field
       v-model="item.value"

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="file-uploader-field">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <div
       v-if="item.component_props.note"

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="gender-field-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <div v-if="item.component_props.note" class="note" v-html="item.component_props.note" />
     <van-field

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="group-field-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <div v-if="item.component_props.note" class="note" v-html="item.component_props.note" />
     <div>

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="identity-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <!-- <div v-if="item.component_props.readonly" style="padding: 0.5rem 1rem;">{{ item.value }}</div> -->
     <!-- <van-field

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="image-uploader-field">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <div
       v-if="item.component_props.note"

@@ -9,7 +9,7 @@
   <div v-if="HideShow" class="multi-rule-field-page">
     <div class="label">
       <span v-if="item.component_props.required" class="required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
       <span v-if="item.component_props.min_count" style="color: #999; font-size: 0.85rem;">（最少选{{ item.component_props.min_count }}项）</span>
     </div>
     <van-field :name="item.key" :rules="rules" :border="false" style="padding-bottom: 0">

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="name-field-page">
     <div :class="[isGroup ? 'group-label' : 'label']">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <div v-if="item.component_props.readonly" style="padding: 0.5rem 1.3rem; font-size: 0.9rem;">
       {{ item.value }}

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="number-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <div
       v-if="item.component_props.note"

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="name-field-page">
     <div :class="[isGroup ? 'group-label' : 'label']">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
 
     <van-field :name="item.key" :rules="rules" style="padding: 0 1rem;">

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="person-picker-field-page">
     <div :class="[isGroup ? 'group-label' : 'label']">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
 
     <van-field :name="item.key" :rules="rules" style="padding: 0 1rem;">

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="phone-field-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <!-- <van-field
       :id="item.name"

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="picker-field-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
       <!-- TAG：显示分数时保留0分，仅在有值（非空字符串/非空/非undefined）时展示 -->
       <span
         v-if="item.component_props.x_score !== undefined && item.component_props.x_score !== null && item.component_props.x_score !== ''"

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="radio-field-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
       <!-- TAG：显示分数时保留0分，仅在有值（非空字符串/非空/非undefined）时展示 -->
       <span
         v-if="item.component_props.x_score !== undefined && item.component_props.x_score !== null && item.component_props.x_score !== ''"

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="rate-field">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <van-field :name="item.name" :rules="rules">
       <template #input>

@@ -9,8 +9,8 @@
   <div class="rule-field-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <van-field
       :name="item.key"

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="sign-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <van-field :name="item.key" :rules="rules" style="padding: 0;">
       <template #input>

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="table-field-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <div v-if="!item.component_props.readonly" class="tinymce-box">
       <TEditor ref="refEdit" @blur="onBlur" :table_html="table_html" :readonly="item.component_props.readonly"></TEditor>

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="text-field-page">
     <div :class="[isGroup ? 'group-label' : 'label']">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <div class="note-wrapper" v-if="item.component_props.note" v-html="item.component_props.note" />
     <div v-if="item.component_props.readonly || (item.component_props.is_camera_scan && !item.component_props.is_edit_camera_scan_result)" style="padding: 0.5rem 1.3rem; font-size: 0.9rem;">

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="textarea-field-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <div
       v-if="item.component_props.note"

@@ -9,8 +9,8 @@
   <div v-if="HideShow" class="time-picker-field">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
-      <span :class="[ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
+      <span :class="[ReadonlyShow ? 'readonly-show' : '']" style="color: #999">{{ item.component_props.label }}</span>
     </div>
     <van-field
       v-model="item.value"

@@ -9,7 +9,7 @@
   <div v-if="HideShow" class="radio-field-page">
     <div class="label">
       <span v-if="item.component_props.disabled_show"><van-icon name="https://cdn.ipadbiz.cn/custom_form/icon/closed-eye1.png" /></span>
-      <span v-if="item.component_props.required" style="color: red">&nbsp;*</span>
+      <span v-if="item.component_props.required" style="color: red">*&nbsp;</span>
       <span :class="[!ReadonlyShow ? 'readonly-show' : '']">{{ item.component_props.label }}</span>
     </div>
     <div v-if="item.component_props.note" class="note" v-html="item.component_props.note" />