解决样式覆盖问题

src/views/mock/index.vue

@@ -120,7 +120,7 @@ onMounted(
         v-model="checkedMockConfig"
         @change="handleCheckedMockChange"
     >
-      <div v-for="api_items in mockConfig">
+      <template v-for="api_items in mockConfig">
         <el-divider content-position="left">
           <span class="api_label">{{ api_items.label }}</span>
         </el-divider>
@@ -134,7 +134,7 @@ onMounted(
             </el-checkbox>
           </el-col>
         </el-row>
-      </div>
+      </template>
     </el-checkbox-group>
   </el-form>
 </template>
@@ -148,4 +148,9 @@ div.api_desc {
   text-align: left;
 }
 
+.el-divider--horizontal {
+  line-height: 1;
+}
+
+
 </style>