refactor(web): 重构全站界面与事件日志,优化功能与样式

1. 重构并统一票务、IC卡的事件日志格式化展示逻辑,替换原有零散的格式化函数,提升事件展示的一致性与可读性
2. 为AI助手面板新增折叠按钮与折叠逻辑,支持收起/展开面板,优化界面空间利用率
3. 移除多个页面的冗余介绍、提醒区块,精简页面结构
4. 修复IC卡购卡页面的充值选项按钮布局问题,将button元素改为div适配样式规范
5. 新增移动端卡片布局的横向滚动适配,优化小屏设备上的卡片展示与浏览体验
6. 更新后台管理页面的导航样式、文案与统计数据展示,新增车票、凭证的统计卡片
7. 统一全站品牌文案与页面格式,修复部分页面的DOCTYPE多余空格问题
8. 简化车票订单页面的地图加载逻辑,修复原有的冗余代码与加载异常问题
This commit is contained in:
2026-07-05 14:55:12 +08:00
parent ef9926dc58
commit 95893a5431
19 changed files with 483 additions and 793 deletions
+37 -6
View File
@@ -183,12 +183,12 @@ input, select, textarea, .voucher-code, .st-name, .st-code, .line-name {
.nav-item {
padding: 10px 16px;
border-radius: 6px;
border-radius: 0;
cursor: pointer;
display: flex;
align-items: center;
gap: 12px;
color: var(--muted);
color: var(--text);
font-weight: 500;
transition: all 0.2s ease;
}
@@ -251,7 +251,7 @@ button, .btn {
align-items: center;
justify-content: center;
padding: 8px 16px;
border-radius: 6px;
border-radius: 0;
border: 1px solid var(--border);
background-color: transparent;
color: var(--text);
@@ -1738,7 +1738,7 @@ body.jr-order-page .site-footer .version {
.jr-nav a {
min-width: 104px;
padding: 10px 16px;
border-radius: 999px;
border-radius: 0;
text-decoration: none;
color: #385042;
font-weight: 700;
@@ -3622,11 +3622,25 @@ body.jr-ticket-board-page .jr-board-card:last-child {
.jr-voucher-layout,
.jr-board-layout,
.jr-home-hero,
.jr-home-assets,
.jr-card-plan-grid {
.jr-home-assets {
grid-template-columns: 1fr;
}
.jr-card-plan-grid {
display: flex;
flex-direction: row;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
gap: 12px;
padding-bottom: 8px;
}
.jr-card-plan-grid > * {
flex: 0 0 75%;
scroll-snap-align: center;
}
.jr-grid-three,
.jr-home-service-grid {
grid-template-columns: 1fr;
@@ -3826,6 +3840,8 @@ body.jr-admin-login-page {
.jr-admin-page .nav-item.active {
background: #0b6b3a;
border-color: #0b6b3a;
color: #ffffff;
font-weight: 700;
box-shadow: none;
}
@@ -4289,6 +4305,21 @@ body.jr-admin-login-page {
overflow: auto;
}
.switch-label {
width: 100%;
margin-left: 0 !important;
margin-bottom: 8px;
}
.jr-admin-list-card {
min-height: auto !important;
}
.jr-admin-list-card .jr-scroll-box {
max-height: 400px;
-webkit-overflow-scrolling: touch;
}
.jr-admin-page .header,
.jr-admin-page .content {
padding-left: 16px;