修改样式

src/view/newFireCase/newdispatch/example.vue

@@ -1,6 +1,6 @@
 <template>
   <com-head :options="head" v-model="state.query.searchType">
-    <el-form label-width="84px" inline>
+    <el-form inline class="mesh-search-form">
       <el-form-item label="标题：">
         <el-input v-model="state.query.caseTitle" placeholder="请输入"></el-input>
       </el-form-item>
@@ -158,3 +158,33 @@ const gotoDetails = (row) => {
 };
 
 </script>
+<style scoped lang="scss">
+.mesh-search-form {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: center;
+  column-gap: 32px;
+  row-gap: 16px;
+
+  :deep(.el-form-item) {
+    margin-right: 0;
+    margin-bottom: 0;
+  }
+  :deep(.el-form-item--label-right){
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  :deep(.el-form-item__label) {
+    padding-right: 16px;
+  }
+}
+
+.searh-btns {
+  :deep(.el-form-item__content) {
+    display: flex;
+    align-items: center;
+  }
+}
+</style>