refactor(web): 重构全站界面与事件日志,优化功能与样式
1. 重构并统一票务、IC卡的事件日志格式化展示逻辑,替换原有零散的格式化函数,提升事件展示的一致性与可读性 2. 为AI助手面板新增折叠按钮与折叠逻辑,支持收起/展开面板,优化界面空间利用率 3. 移除多个页面的冗余介绍、提醒区块,精简页面结构 4. 修复IC卡购卡页面的充值选项按钮布局问题,将button元素改为div适配样式规范 5. 新增移动端卡片布局的横向滚动适配,优化小屏设备上的卡片展示与浏览体验 6. 更新后台管理页面的导航样式、文案与统计数据展示,新增车票、凭证的统计卡片 7. 统一全站品牌文案与页面格式,修复部分页面的DOCTYPE多余空格问题 8. 简化车票订单页面的地图加载逻辑,修复原有的冗余代码与加载异常问题
This commit is contained in:
@@ -250,6 +250,12 @@
|
||||
box-shadow: 0 20px 38px rgba(36, 74, 50, 0.14);
|
||||
border-color: #cadecd;
|
||||
}
|
||||
.tm-ai-toggle.is-folded .tm-ai-toggle-copy {
|
||||
display: none;
|
||||
}
|
||||
.tm-ai-toggle.is-folded .tm-ai-fold-btn i {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.tm-ai-toggle-badge {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
@@ -649,6 +655,9 @@
|
||||
<strong>票务客服台</strong>
|
||||
<span>咨询订票、票号与凭证</span>
|
||||
</span>
|
||||
<span class="tm-ai-fold-btn" title="折叠" style="margin-left: 8px; padding: 4px; color: var(--muted); border: 1px solid var(--border); border-radius: 0;">
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</span>
|
||||
</button>
|
||||
<div class="tm-ai-panel" aria-live="polite">
|
||||
<div class="tm-ai-header">
|
||||
@@ -872,6 +881,13 @@
|
||||
}
|
||||
};
|
||||
|
||||
const foldBtn = root.querySelector('.tm-ai-fold-btn');
|
||||
|
||||
foldBtn.addEventListener('click', (e) => {
|
||||
e.stopPropagation();
|
||||
toggleButton.classList.toggle('is-folded');
|
||||
});
|
||||
|
||||
toggleButton.addEventListener('click', () => {
|
||||
if (root.classList.contains('is-open')) closePanel();
|
||||
else openPanel();
|
||||
|
||||
Reference in New Issue
Block a user