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

@@ -15,8 +15,9 @@
     </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">
+            <div class="multi-rule-field-box">
               <van-checkbox
                 :name="idx"
                 shape="square"
@@ -26,6 +27,7 @@
               <div class="rule-box" @click="showRule(rule)">
                 {{ rule.rule_link }}&nbsp;>>
               </div>
+            </div>
           </template>
         </van-checkbox-group>
       </template>
@@ -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>