ui页面边距

src/style/theme/common.scss

@@ -34,6 +34,9 @@ body {
     font-weight: normal;
     letter-spacing: 0.08em;
 }
+.main-content12{
+    padding: 12px;
+}
 // 变小手
 .point{
     cursor: pointer;

src/views/ConfigureServicePrices.vue

@@ -44,7 +44,7 @@
                                         <div class="left-pay-item ">
                                             <div class="flex-between">
                                                 <span>微信收款</span>
-                                                <GuipSwitch v-model="form.weixinFlag" activeText="开启" inactiveText="关闭"
+                                                <GuipSwitch :modelValue="form.weixinFlag" activeText="开启" inactiveText="关闭"
                                                     @change="onSwitchChange">
                                                 </GuipSwitch>
                                             </div>
@@ -53,7 +53,7 @@
                                         <div class="left-pay-item ">
                                             <div class="flex-between">
                                                 <span>支付宝收款</span>
-                                                <GuipSwitch v-model="form.zhifubaoFlag" activeText="开启"
+                                                <GuipSwitch :modelValue="form.zhifubaoFlag" activeText="开启"
                                                     inactiveText="关闭" @change="onSwitchChange">
                                                 </GuipSwitch>
                                             </div>
@@ -91,7 +91,7 @@
                                         <div class="left-pay-item ">
                                             <div class="flex-between">
                                                 <span>淘宝收款</span>
-                                                <GuipSwitch v-model="form.weixinFlag" activeText="开启" inactiveText="关闭"
+                                                <GuipSwitch :modelValue="form.weixinFlag" activeText="开启" inactiveText="关闭"
                                                     @change="onSwitchChange">
                                                 </GuipSwitch>
                                             </div>

src/views/elementGroups.vue

@@ -1,4 +1,5 @@
 <template>
+     <div class="main-content12">
         <div class="elementWrap">
             <!-- 以 ele-item 为类名的这种div、 label 、 h3 仅在此页面进行布局使用，复制时无需复制此元素 -->
             <el-form :model="form" :rules="rules" class="el-row demo-ruleForm" ref="formRef">
@@ -289,7 +290,7 @@
 
                 <div class="ele-item">
                     <label for="">开关L</label>
-                <GuipSwitch v-model="switchValue" activeText="开启" inactiveText="关闭" @change="onSwitchChange">
+                    <GuipSwitch :modelValue="switchValue" activeText="开启" inactiveText="关闭" @change="onSwitchChange">
                     </GuipSwitch>
                 </div>
                 <el-table
@@ -384,6 +385,7 @@
                 </div>
             </GuipDialog>
         </div>
+    </div>
 </template>
 
 <script>