ysc/thebet365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(admin): 优化列表布局间距、滚动固定与侧栏子路由选中

Browse Source 
统一嵌套卡片内边距与 Tabs 外壳样式，联赛单场支持表头/分页固定滚动；子页面下代理玩家菜单保持高亮。
This commit is contained in:
Mars
2026-06-22 16:48:40 +08:00
parent 78b426a388
commit b9257cc50a
7 changed files with 149 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
apps/admin/src/views/AgentManager.vue
View File

@@ -2173,8 +2173,8 @@ provide(agentPlayerActionsKey, {
.mgr-toolbar-actions {
position: absolute;
right: 0;
top: 0;
right: 16px;
top: 14px;
z-index: 2;
display: flex;
align-items: center;
@@ -2238,12 +2238,9 @@ provide(agentPlayerActionsKey, {
display: flex;
flex-direction: column;
}
.mgr-top-tabs :deep(.el-tabs__header) {
margin-bottom: 8px;
}
.mgr-top-tabs :deep(.el-tabs__item) {
font-size: 14px;
font-weight: 500;
font-weight: 700;
}
.freeze-agent-intro {
@@ -2258,19 +2255,7 @@ provide(agentPlayerActionsKey, {
gap: 10px;
}
/* ─── Table toolbar ─── */
.list-panel-toolbar {
flex-shrink: 0;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
padding: 10px 0 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
--list-chrome-control-h: 32px;
--el-component-size: 32px;
}
/* ─── Table toolbar（间距见 App.vue 全局 .list-panel-toolbar） ─── */
.list-panel-toolbar .list-chrome__grow {
flex: 1 1 280px;
min-width: 0;
@@ -2280,19 +2265,6 @@ provide(agentPlayerActionsKey, {
.list-panel-toolbar .list-chrome__actions {
flex-shrink: 0;
}
.list-panel-toolbar :deep(.el-form-item) {
margin-bottom: 0 !important;
margin-right: 12px;
}
.list-panel-toolbar :deep(.el-input__wrapper),
.list-panel-toolbar :deep(.el-select__wrapper) {
height: var(--list-chrome-control-h) !important;
min-height: var(--list-chrome-control-h) !important;
}
.list-panel-toolbar :deep(.el-button:not(.is-link)) {
height: var(--list-chrome-control-h) !important;
min-height: var(--list-chrome-control-h) !important;
}
/* ─── Expansion ─── */
.expand-panel {
@@ -2526,14 +2498,6 @@ provide(agentPlayerActionsKey, {
gap: 8px;
}
.mgr-top-tabs :deep(.el-tabs__item) {
font-weight: 700;
}
.list-panel-toolbar {
border-bottom-color: var(--border-soft);
}
.expand-panel {
background: #fbfaf7;
border-color: var(--border);