fix(v1.11.2): 自助查询页对齐新主题变量并修正版本号
问题: - 仓库后续提交已到 v1.11.1 并重建了 Bootstrap 主题层(--app-* 变量、淡蓝配色),自助查询页仍引用旧的 --ink-* 变量 - 结果:页面标题透明看不见、按钮回落成默认蓝、月历边框与底色失效 - 上一个提交把版本写成 1.10.0,实际版本号未变(仍是 1.11.1),版本号与功能对不上 修复: - portal 相关样式全部迁移到 --app-* 变量(背景/边框/文字/强调色/柔和色) - 标题改为实色文字,不再用渐变裁切,避免主题切换时不可见 - tagchip 补一套基于 --app-accent-soft 的样式 - 版本号 1.11.1 → 1.11.2(main.go 与 README 同步) 验证: - 本地起服务实测 /customer 三种查询均 200 - 无头浏览器实拍 shots/portal-v1112b.png:标题、查询按钮、进度条、月历、今日高亮均正常
This commit is contained in:
+17
-10
@@ -1260,21 +1260,28 @@ fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
|
||||
|
||||
/* ---------- 客户自助查询 /customer ---------- */
|
||||
.portal-wrap { max-width: 980px; margin: 0 auto; padding: 24px 16px 48px; }
|
||||
.portal-head h1 { font-size: 1.6rem; font-weight: 800; margin: 0 0 4px; background: var(--ink-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
|
||||
.portal-head h1 { color: var(--app-text) !important; -webkit-text-fill-color: currentColor; background: none !important; font-size: 1.6rem; font-weight: 800; margin: 0 0 4px; background: linear-gradient(135deg, var(--app-accent-strong), var(--app-accent)); -webkit-background-clip: text; background-clip: text; color: transparent; }
|
||||
.portal-form { border-radius: 1rem; }
|
||||
.portal-progress .bar { height: 8px; border-radius: 999px; background: var(--ink-1); overflow: hidden; margin-bottom: 6px; }
|
||||
.portal-progress .bar i { display: block; height: 100%; background: var(--ink-grad); border-radius: 999px; }
|
||||
.pcal { border: 1px solid var(--ink-line); border-radius: .85rem; overflow: hidden; }
|
||||
.pcal-dow { display: grid; grid-template-columns: repeat(7, 1fr); background: var(--ink-1); }
|
||||
.pcal-dow span { text-align: center; padding: 6px 0; font-size: .72rem; color: var(--ink-muted); }
|
||||
.portal-progress .bar { height: 8px; border-radius: 999px; background: var(--app-surface-3); overflow: hidden; margin-bottom: 6px; }
|
||||
.portal-progress .bar i { display: block; height: 100%; background: linear-gradient(135deg, var(--app-accent-strong), var(--app-accent)); border-radius: 999px; }
|
||||
.pcal { border: 1px solid var(--app-border); border-radius: .85rem; overflow: hidden; }
|
||||
.pcal-dow { display: grid; grid-template-columns: repeat(7, 1fr); background: var(--app-surface-3); }
|
||||
.pcal-dow span { text-align: center; padding: 6px 0; font-size: .72rem; color: var(--app-text-3); }
|
||||
.pcal-row { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
|
||||
.pcal-cell { min-height: 54px; padding: 6px 8px; border-top: 1px solid var(--ink-line); border-right: 1px solid var(--ink-line); display: flex; flex-direction: column; gap: 2px; }
|
||||
.pcal-cell { min-height: 54px; padding: 6px 8px; border-top: 1px solid var(--app-border); border-right: 1px solid var(--app-border); display: flex; flex-direction: column; gap: 2px; }
|
||||
.pcal-cell:nth-child(7) { border-right: 0; }
|
||||
.pcal-cell b { font-size: .82rem; color: var(--ink-ink); }
|
||||
.pcal-cell span { font-size: .72rem; color: var(--ink-green-2); font-weight: 700; }
|
||||
.pcal-cell b { font-size: .82rem; color: var(--app-text); }
|
||||
.pcal-cell span { font-size: .72rem; color: var(--app-accent); font-weight: 700; }
|
||||
.pcal-cell.out { opacity: .4; }
|
||||
.pcal-cell.today { background: var(--ink-grad-soft); box-shadow: inset 0 0 0 2px var(--ink-green-3); }
|
||||
.pcal-cell.today { background: var(--app-accent-soft); box-shadow: inset 0 0 0 2px var(--app-accent); }
|
||||
@media (max-width: 575px) {
|
||||
.portal-wrap { padding: 16px 10px 32px; }
|
||||
.pcal-cell { min-height: 46px; padding: 4px 5px; }
|
||||
}
|
||||
|
||||
.tagchip, .pkg-tag {
|
||||
display: inline-flex; align-items: center; gap: 4px;
|
||||
padding: 1px 8px; border-radius: 999px;
|
||||
background: var(--app-accent-soft); border: 1px solid var(--app-border);
|
||||
color: var(--app-accent-ink); font-size: .72rem; font-weight: 600; line-height: 1.7;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user