refactor(web): 重构全站界面与事件日志,优化功能与样式
1. 重构并统一票务、IC卡的事件日志格式化展示逻辑,替换原有零散的格式化函数,提升事件展示的一致性与可读性 2. 为AI助手面板新增折叠按钮与折叠逻辑,支持收起/展开面板,优化界面空间利用率 3. 移除多个页面的冗余介绍、提醒区块,精简页面结构 4. 修复IC卡购卡页面的充值选项按钮布局问题,将button元素改为div适配样式规范 5. 新增移动端卡片布局的横向滚动适配,优化小屏设备上的卡片展示与浏览体验 6. 更新后台管理页面的导航样式、文案与统计数据展示,新增车票、凭证的统计卡片 7. 统一全站品牌文案与页面格式,修复部分页面的DOCTYPE多余空格问题 8. 简化车票订单页面的地图加载逻辑,修复原有的冗余代码与加载异常问题
This commit is contained in:
+37
-6
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user