搜索组件中的查询按钮单开一行居中展示

src/components/AutoComponents/MSearch/index.vue

@@ -11,7 +11,7 @@
       @submit.native.prevent
     >
 
-    <template v-for="(item, index) in items">
+      <template v-for="(item, index) in items">
         <el-form-item
           v-if="!item.hidden"
           :key="index"
@@ -74,14 +74,21 @@
 
         </el-form-item>
       </template>
-        <el-form-item class="flex">
-          <template v-if="items.length">
-            <m-button class="ml-3" icon="el-icon-search" @click="onSubmit">查询</m-button>
-            <m-button class="ml-3" icon="el-icon-refresh" @click="onReset">重置</m-button>
-          </template>
-          <slot name="button"></slot>
-        </el-form-item>
+      <!-- <el-form-item class="flex">
+        <template v-if="items.length">
+          <m-button class="ml-3" icon="el-icon-search" @click="onSubmit">查询</m-button>
+          <m-button class="ml-3" icon="el-icon-refresh" @click="onReset">重置</m-button>
+        </template>
+        <slot name="button"></slot>
+      </el-form-item> -->
     </el-form>
+    <div class="text-center mt-4">
+      <template v-if="items.length">
+        <m-button class="ml-3" icon="el-icon-search" size="small" @click="onSubmit">查询</m-button>
+        <m-button class="ml-3" icon="el-icon-refresh" size="small" @click="onReset">重置</m-button>
+      </template>
+      <slot name="button"></slot>
+    </div>
   </m-card>
 </template>