linxianzhuang/saasshop
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Admin dashboard: add subscription expiry mini bars and generalize mini bar CSS

Browse Source
This commit is contained in:
萝卜
2026-03-17 01:54:56 +08:00
parent 6cd8c34245
commit 29b7f6093d
3 changed files with 86 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
public/css/admin-components.css
View File

@@ -589,8 +589,11 @@
color:var(--adm-text-muted, #94a3b8);
}
/* 订阅到期治理：mini bar（纯 CSS，占比可视化，增强说服力） */
[data-page="admin.site_subscriptions.index"] .adm-mini-bar{
/* mini bar（纯 CSS，占比可视化，增强说服力）
* - 订阅列表页：订阅到期治理 Top10
* - 仪表盘：订阅到期治理占比
*/
.adm-mini-bar{
height:8px;
margin-top:6px;
border-radius:999px;
@@ -598,12 +601,34 @@
overflow:hidden;
}
[data-page="admin.site_subscriptions.index"] .adm-mini-bar-fill{
.adm-mini-bar-fill{
display:block;
height:100%;
background:linear-gradient(90deg, var(--adm-color-primary, #1677ff), rgba(22, 119, 255, .35));
}
.adm-mini-bar-row{
display:grid;
grid-template-columns:88px 1fr 54px;
gap:10px;
align-items:center;
}
.adm-mini-bar-label{
font-size:12px;
color:var(--adm-text-muted, #94a3b8);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.adm-mini-bar-value{
text-align:right;
font-size:12px;
color:var(--adm-text-muted, #94a3b8);
white-space:nowrap;
}
.collapsible > summary{
list-style:none;
cursor:pointer;
@@ -727,7 +752,15 @@
}
/* 平台订单列表：行内治理提示（精简视图主要入口） */
.platform-orders-table .row-warn,
.platform-orders-table .row-warn{
margin-top:4px;
padding:4px 6px;
border-left:3px solid var(--adm-error, #ef4444);
background:var(--adm-error-bg, #fef2f2);
border-radius:4px;
cursor:help;
}
[data-page="admin.dashboard"] .row-warn{
margin-top:4px;
padding:4px 6px;
@@ -741,6 +774,13 @@
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
margin-top:4px;
padding:4px 6px;
border-left:3px solid var(--adm-error, #ef4444);
background:var(--adm-error-bg, #fef2f2);
border-radius:4px;
cursor:help;
}
[data-page="admin.dashboard"] .row-warn::-webkit-scrollbar{
height:6px;
@@ -762,7 +802,16 @@
text-decoration:none;
}
.platform-orders-table .row-warn-prefix,
.platform-orders-table .row-warn-prefix{
font-weight:600;
display:inline-block;
padding:1px 6px;
border-radius:10px;
background:var(--adm-error-tint, rgba(239, 68, 68, .12));
color:var(--adm-error, #ef4444);
margin-right:4px;
}
[data-page="admin.dashboard"] .row-warn-prefix{
font-weight:600;
display:inline-block;
@@ -838,7 +887,7 @@
#refund-receipts:target,
#add-refund-receipt:target{
scroll-margin-top:90px;
box-shadow:0 0 0 3px var(--adm-primary-focus-ring, rgba(22, 119, 255, .12)), var(--adm-shadow-sm, 0 1px 2px rgba(15, 23, 42, 0.06));
box-shadow:0 0 0 3px var(--adm-primary-focus-ring, rgba(22, 119, 255, .12)), var(--adm-shadow-sm);
}
/* 平台订单列表：精简视图也要可达的治理提示（对账/退款不一致） */