yml/hfb_sys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化后台表格滚动条

Browse Source
This commit is contained in:
yml2213
2026-06-21 09:40:30 +08:00
parent b2e52e1d75
commit a5165d17e9
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/features/admin/views/AdminRolesView.vue
+1 -1
View File
@@ -76,7 +76,7 @@ async function handleDelete(row: Role) {
<el-table-column prop="name" label="名称" min-width="120" /> <el-table-column prop="name" label="名称" min-width="120" />
<el-table-column prop="description" label="描述" min-width="200" /> <el-table-column prop="description" label="描述" min-width="200" />
<el-table-column prop="perm_count" label="权限数" width="90" align="center" /> <el-table-column prop="perm_count" label="权限数" width="90" align="center" />
<el-table-column label="操作" width="240" fixed="right"> <el-table-column label="操作" width="210" align="center">
<template #default="{ row }"> <template #default="{ row }">
<el-button size="small" @click="openEdit(row)">编辑</el-button> <el-button size="small" @click="openEdit(row)">编辑</el-button>
<el-button size="small" type="primary" @click="openPerms(row)">权限</el-button> <el-button size="small" type="primary" @click="openPerms(row)">权限</el-button>
frontend/src/styles/admin.css
+8 -2
View File
@@ -626,7 +626,12 @@ h1 {
padding: 4px; padding: 4px;
} }
.table-panel .el-table { .el-table.table-panel {
padding: 0;
}
.table-panel .el-table,
.el-table.table-panel {
--el-table-border-color: #f0f2f5; --el-table-border-color: #f0f2f5;
--el-table-header-bg-color: #f8f9fe; --el-table-header-bg-color: #f8f9fe;
--el-table-header-text-color: #8f9bba; --el-table-header-text-color: #8f9bba;
@@ -634,7 +639,8 @@ h1 {
font-size: 14px; font-size: 14px;
} }
.table-panel .el-table th { .table-panel .el-table th,
.el-table.table-panel th {
font-weight: 600; font-weight: 600;
font-size: 12px; font-size: 12px;
text-transform: uppercase; text-transform: uppercase;