模板按钮美化

Author: QM303176530

server/resource/template/fe/table.vue.tpl

@@ -67,7 +67,7 @@
     {{ end }}
       <el-table-column label="按钮组">
         <template slot-scope="scope">
-          <el-button @click="update{{.StructName}}(scope.row)" size="small" type="primary">变更</el-button>
+          <el-button class="table-button" @click="update{{.StructName}}(scope.row)" size="small" type="primary" icon="el-icon-edit">变更</el-button>
           <el-popover placement="top" width="160" v-model="scope.row.visible">
             <p>确定要删除吗？</p>
             <div style="text-align: right; margin: 0">

web/src/style/main.scss

@@ -1026,4 +1026,9 @@ li {
     color: #606266;
     cursor: pointer;
     font-size: 13px;
+}
+
+
+.table-button{
+    margin-right:8px !important;
 }