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:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user