fix 多选规则主题配置

@@ -17,7 +17,12 @@
       <template #input>
       <template #input>
         <van-checkbox-group v-model="item.value">
         <van-checkbox-group v-model="item.value">
           <template v-for="(rule, idx) in item.component_props.rules" :key="idx">
           <template v-for="(rule, idx) in item.component_props.rules" :key="idx">
-            <van-checkbox :name="idx" shape="square">{{ rule.rule_desc }}</van-checkbox>
+            <van-checkbox
+              :name="idx"
+              shape="square"
+              :checked-color="themeVars.radioColor"
+              >{{ rule.rule_desc }}</van-checkbox
+            >
             <div class="rule-box" @click="showRule(rule)">
             <div class="rule-box" @click="showRule(rule)">
               {{ rule.rule_link }}&nbsp;>>
               {{ rule.rule_link }}&nbsp;>>
             </div>
             </div>
@@ -43,10 +48,20 @@
 </template>
 </template>
 
 
 <script setup>
 <script setup>
+import { styleColor } from "@/constant.js";
+import $ from "jquery";
+
 const props = defineProps({
 const props = defineProps({
   item: Object,
   item: Object,
 });
 });
 
 
+// TAG: 自定义主题颜色
+const themeVars = {
+  radioColor: styleColor.baseColor,
+};
+onMounted(() => {
+  $(".rule-box").css("color", themeVars.radioColor);
+});
 const show = ref(false);
 const show = ref(false);
 const checked = ref([]);
 const checked = ref([]);
 const showRule = (rule) => {
 const showRule = (rule) => {
@@ -92,7 +107,6 @@ const rules = [{ validator, message: validatorMessage }];
     font-size: 0.85rem;
     font-size: 0.85rem;
     margin-left: 1.8rem;
     margin-left: 1.8rem;
     padding-bottom: 0.5rem;
     padding-bottom: 0.5rem;
-    color: #1989fa;
   }
   }
 }
 }
 .rule-wrapper {
 .rule-wrapper {