fix 多选规则控件显示样式调整

@@ -15,16 +15,18 @@
     </div>
     <van-field :name="item.key" :rules="rules" :border="false" style="padding-bottom: 0">
       <template #input>
-        <van-checkbox-group v-model="item.value">
+        <van-checkbox-group v-model="item.value" style="width: 100%">
           <template v-for="(rule, idx) in item.component_props.rules" :key="idx">
-            <van-checkbox
-              :name="idx"
-              shape="square"
-              :checked-color="themeVars.radioColor"
-              >{{ rule.rule_desc }}</van-checkbox
-            >
-            <div class="rule-box" @click="showRule(rule)">
-              {{ rule.rule_link }}&nbsp;>>
+            <div class="multi-rule-field-box">
+              <van-checkbox
+                :name="idx"
+                shape="square"
+                :checked-color="themeVars.radioColor"
+                >{{ rule.rule_desc }}</van-checkbox
+              >
+              <div class="rule-box" @click="showRule(rule)">
+                {{ rule.rule_link }}&nbsp;>>
+              </div>
             </div>
           </template>
         </van-checkbox-group>
@@ -107,6 +109,7 @@ const rules = [{ validator, message: validatorMessage }];
     font-size: 0.85rem;
     margin-left: 1.8rem;
     padding-bottom: 0.5rem;
+    width: fit-content;
   }
 }
 .rule-wrapper {
@@ -130,4 +133,11 @@ const rules = [{ validator, message: validatorMessage }];
     width: calc(100% - 2rem);
   }
 }
+.multi-rule-field-box {
+  border: 1px solid #eaeaea;
+  border-radius: 0.25rem;
+  padding: 1rem 0.5rem 0 0.5rem;
+  // width: 100vw;
+  margin-bottom: 0.5rem;
+}
 </style>