feat(v1.9.0): 引入 Bootstrap 5(第 1/4 轮:框架与大屏头部)

本次开始把界面全量迁移到 Bootstrap 5 默认风格,分 4 轮:
- 第 1 轮(本次):Bootstrap 资源本地化 + 后台框架(导航/搜索/徽标/用户菜单/提示) + 大屏头部与面板容器
- 第 2 轮:登录/初始化页 + 客户/订阅/套餐/日志/设置页的表单与列表
- 第 3 轮:日历抽屉、快速完成、追加面板、客户月历、弹窗/下拉
- 第 4 轮:大屏内部(KPI/热力/TOP/今日列表/浮层)与收尾打磨

本轮改动(纯前端,无业务逻辑与数据库变更):
- 新增 internal/web/static/vendor/bootstrap.min.css、bootstrap.bundle.min.js(本地内嵌,离线可用)
- _layout.html 重写为 Bootstrap navbar + container-fluid:导航、搜索框、到期徽标、主题开关、用户下拉菜单、alert 提示
- 大屏布局引入 Bootstrap,html 使用 data-bs-theme 跟随亮/暗主题;头部改为 navbar,面板改为 card
- 版本号 1.8.2 → 1.9.0

验证:
- 无头 Chrome 实拍日历、大屏、登录三页(shots/bs1-*.png),Bootstrap 深色主题生效,导航与徽标样式正常
- 业务逻辑与数据库结构未改动
This commit is contained in:
subtrack
2026-10-19 22:14:19 +08:00
parent bb923aab4d
commit d955d0d7d2
6 changed files with 61 additions and 41 deletions
+5 -5
View File
@@ -1,7 +1,7 @@
{{define "content"}}
<div class="scr" data-pkg="{{.D.PkgID}}" data-heat="{{.D.HeatMode}}" data-api="/api/screen/day">
<header class="scr-head">
<div class="scr-brand"><span class="mark">代</span>代打台<em>控制台</em></div>
<header class="scr-head navbar bg-body-tertiary border-bottom px-3 py-2">
<div class="scr-brand navbar-brand mb-0"><span class="mark">代</span>代打台<em>控制台</em></div>
{{if .D.HasTabs}}
<nav class="scr-tabs">
@@ -41,8 +41,8 @@
</section>
<section class="scr-main">
<div class="panel panel-cal">
<div class="panel-head">
<div class="panel panel-cal card bg-body-tertiary border-secondary-subtle">
<div class="panel-head card-header bg-transparent border-secondary-subtle py-2">
<h2>{{if eq .D.HeatMode "due"}}到期热力{{else}}每日待完成{{end}}</h2>
<span>{{.D.MonthTitle}} · 本月合计 {{.D.HeatTotal}} 单</span>
</div>
@@ -69,7 +69,7 @@
</div>
</div>
<div class="panel panel-top">
<div class="panel panel-top card bg-body-tertiary border-secondary-subtle">
<div class="panel-head"><h2>即将到期 TOP 10</h2><span>按剩余量排序</span></div>
{{if .D.Top}}
<ol class="top-list">