Browse Source

表格操作列间距调整

RuoYi 4 years ago
parent
commit
9ca28d6dbf
2 changed files with 6 additions and 1 deletions
  1. 5 0
      ruoyi-ui/src/assets/styles/ruoyi.scss
  2. 1 1
      ruoyi-ui/src/views/system/user/index.vue

+ 5 - 0
ruoyi-ui/src/assets/styles/ruoyi.scss

@@ -67,6 +67,11 @@
 			font-size: 13px;
 		}
 	}
+	.el-table__body-wrapper {
+		.el-button [class*="el-icon-"] + span {
+			margin-left: 1px;
+		}
+	}
 }
 
 /** 表单布局 **/

+ 1 - 1
ruoyi-ui/src/views/system/user/index.vue

@@ -69,7 +69,7 @@
               <span>{{ parseTime(scope.row.createTime) }}</span>
             </template>
           </el-table-column>
-          <el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width">
+          <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
             <template slot-scope="scope">
               <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']">修改</el-button>
               <el-button v-if="scope.row.userId !== 1" size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']">删除</el-button>