全局设置this.$ELEMENT.size = mini

src/App.vue

@@ -7,6 +7,9 @@
 <script>
 export default {
   name: 'App',
+  created() {
+    this.$ELEMENT.size = 'mini'
+  },
   meaths: {}
 }
 </script>

src/views/recipe/index.vue

@@ -6,14 +6,12 @@
         class="filter-item"
         placeholder="请输入检索词"
         style="width: 200px"
-        size="mini"
         @keyup.enter.native="fetchData()"
       />
       <el-button
         class="filter-item"
         type="primary"
         icon="el-icon-search"
-        size="mini"
         @click="fetchData"
       >检索</el-button>
       <el-button
@@ -21,7 +19,6 @@
         style="margin-left: 10px"
         type="success"
         icon="el-icon-circle-plus-outline"
-        size="mini"
         @click="handleCreateOrUpdate('create')"
       >新建</el-button>
     </div>
@@ -34,7 +31,6 @@
       fit
       highlight-current-row
       style="width: 100%;"
-      size="mini"
       @row-click="showDialog"
     >
       <el-table-column type="index" label="序号" align="center" fixed width="60px" />
@@ -78,7 +74,7 @@
       >
         <template slot-scope="{row}">
           <el-dropdown @command="handleCommand">
-            <el-button size="mini" type="primary" @click.stop="{}">
+            <el-button type="primary" @click.stop="{}">
               操作
               <i class="el-icon-arrow-down el-icon--right" />
             </el-button>
@@ -106,10 +102,8 @@
         ref="dataForm"
         :rules="rules"
         :model="params"
-        size="mini"
         label-position="left"
         label-width="100px"
-        style="width: 400px margin-left:50px"
       >
         <el-form-item label="ID" prop="id">
           <el-input v-model="params.id2" placeholder="请输入自定义ID" />
@@ -124,14 +118,13 @@
           <single-image
             :value="params.coverPic"
             :show-preview="true"
-            style="width: 100%"
             @success="updateFile"
           />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button size="mini" @click="dialogFormVisible = false">取消</el-button>
-        <el-button type="primary" size="mini" @click="dialogStatus==='create'?createData():updateData()">提交</el-button>
+        <el-button @click="dialogFormVisible = false">取消</el-button>
+        <el-button type="primary" @click="dialogStatus==='create'?createData():updateData()">提交</el-button>
       </div>
     </el-dialog>