替换elementui2.2.0按钮样式

src/views/tool/file/index.vue

@@ -12,8 +12,7 @@
           range-separator="-"
           start-placeholder="开始日期"
           end-placeholder="结束日期"
-          placeholder="请选择上传时间"
-        ></el-date-picker>
+          placeholder="请选择上传时间"></el-date-picker>
       </el-form-item>
       <el-form-item label="" prop="storeType">
         <el-select v-model="queryParams.storeType" placeholder="请选择存储类型" clearable="">
@@ -58,8 +57,7 @@
             :hide-on-click-modal="true"
             fit="contain"
             lazy
-            class="el-avatar"
-          >
+            class="el-avatar">
             <template #error>
               <i class="document" />
             </template>
@@ -76,19 +74,19 @@
       </el-table-column>
       <el-table-column prop="create_by" label="操作人" align="center" />
       <el-table-column prop="create_time" label="创建日期" align="center" width="150" />
-      <el-table-column label="操作" align="center" width="200">
+      <el-table-column label="操作" align="center" width="230">
         <template #default="scope">
-          <el-button type="text" icon="view" @click="handleView(scope.row)">{{ $t('btn.view') }}</el-button>
+          <el-button text size="small" icon="view" @click="handleView(scope.row)">{{ $t('btn.view') }}</el-button>
           <el-button
             class="copy-btn-main"
             icon="document-copy"
-            type="text"
+            text
+            size="small"
             v-clipboard:copy="scope.row.accessUrl"
-            v-clipboard:success="clipboardSuccess"
-          >
+            v-clipboard:success="clipboardSuccess">
             {{ $t('btn.copy') }}
           </el-button>
-          <el-button v-hasPermi="['tool:file:delete']" type="text" icon="delete" @click="handleDelete(scope.row)">
+          <el-button v-hasPermi="['tool:file:delete']" text size="small" icon="delete" @click="handleDelete(scope.row)">
             {{ $t('btn.delete') }}
           </el-button>
         </template>
@@ -132,14 +130,13 @@
               :drag="true"
               :data="uploadData"
               :autoUpload="false"
-              @success="handleUploadSuccess"
-            />
+              @success="handleUploadSuccess" />
           </el-col>
         </el-row>
       </el-form>
       <template #footer>
         <div class="dialog-footer">
-          <el-button type="text" @click="cancel">{{ $t('btn.cancel') }}</el-button>
+          <el-button text @click="cancel">{{ $t('btn.cancel') }}</el-button>
           <el-button type="primary" @click="submitUpload">{{ $t('btn.submit') }}</el-button>
         </div>
       </template>
@@ -188,10 +185,9 @@
               <el-button
                 class="copy-btn-main"
                 icon="document-copy"
-                type="text"
+                text
                 v-clipboard:copy="formView.accessUrl"
-                v-clipboard:success="clipboardSuccess"
-              >
+                v-clipboard:success="clipboardSuccess">
                 {{ $t('btn.copy') }}
               </el-button>
             </el-form-item>

src/views/tool/gen/index.vue

@@ -24,8 +24,7 @@
       border
       @selection-change="handleSelectionChange"
       highlight-current-row
-      height="480px"
-    >
+      height="480px">
       <el-table-column type="selection" align="center" width="55"></el-table-column>
       <el-table-column label="序号" type="index" width="50" align="center">
         <template #default="scope">
@@ -41,11 +40,11 @@
       <el-table-column prop="updateTime" label="更新时间" sortable />
       <el-table-column label="操作" align="center" width="320">
         <template #default="scope">
-          <el-button type="text" icon="view" @click="handlePreview(scope.row)" v-hasPermi="['tool:gen:preview']">预览</el-button>
-          <el-button type="text" icon="edit" @click="handleEditTable(scope.row)" v-hasPermi="['tool:gen:edit']">编辑</el-button>
-          <el-button type="text" icon="delete" @click="handleDelete(scope.row)" v-hasPermi="['tool:gen:remove']">删除</el-button>
-          <el-button type="text" icon="refresh" @click="handleSynchDb(scope.row)" v-hasPermi="['tool:gen:edit']">同步</el-button>
-          <el-button type="text" icon="download" @click="handleGenTable(scope.row)" v-hasPermi="['tool:gen:code']">生成代码 </el-button>
+          <el-link type="primary" icon="view" @click="handlePreview(scope.row)" v-hasPermi="['tool:gen:preview']">预览</el-link>
+          <el-link type="primary" icon="edit" class="ml10" @click="handleEditTable(scope.row)" v-hasPermi="['tool:gen:edit']">编辑</el-link>
+          <el-link type="primary" icon="delete" class="ml10" @click="handleDelete(scope.row)" v-hasPermi="['tool:gen:remove']">删除</el-link>
+          <el-link type="primary" icon="refresh" class="ml10" @click="handleSynchDb(scope.row)" v-hasPermi="['tool:gen:edit']">同步</el-link>
+          <el-link type="primary" icon="download" class="ml10" @click="handleGenTable(scope.row)" v-hasPermi="['tool:gen:code']">生成代码 </el-link>
         </template>
       </el-table-column>
     </el-table>