修「光秃秃地图」回归 + 详情页改标签页布局(批 12)
回归修复(用户反馈:地图上什么都不显示):
- 批 11 重构时把 {lng,lat} 对象直接传给了 AMap.Marker.position ——
AMap 只认 [lng, lat] 数组/LngLat,构造器抛 Invalid Object,
forEach 当场中断,整张地图一个覆盖物都不剩(光秃秃地图)。
- 现在 position 一律归一化为数组(中点/单点三分支),并新增
_page11.php + _map12.js 真 AMap 无头浏览器用例锁死(覆盖双坐标/
单坐标/只有地名三种节点形态 + 无 JS 报错 + 标记数量断言),
已接入 _chain3.py 全链(步骤 10b)。
标签页布局(用户需求):
- 活动详情页拆成两个标签:「🗺️ 行程地图」(默认)与「📋 计划与实际」;
- 地图页独占整页,高度加大到 clamp(480px, 72vh, 860px)(手机 62vh);
- 节点页 = 原 时间轴(计划/实际两列)+ 评论区,默认隐藏;
- 切回地图标签时重新 setFitView(隐藏期间容器尺寸无意义);
- 活动没有可上图的执行节点时不渲染标签条,退化为原单页布局。
已验证:本地全链 12 步全绿(渲染检查 341 项 + 真 AMap 浏览器验证
11 项);远端 e2e 341 项 0 失败;部署静态断言/双 PHP 渲染/内容断言
全过后提交。
This commit is contained in:
+14
-3
@@ -1253,9 +1253,19 @@ video.video-thumb.video-thumb-mini {
|
||||
.lightbox-file-dl { display: inline-block; }
|
||||
|
||||
/* ── 20. 活动页路线地图(批 10)──────────────────────────────────────────── */
|
||||
.route-map-section { margin-top: 28px; }
|
||||
/* 批 12:详情页标签页 —— 地图独占一页、尽量大;节点详情切到另一页 */
|
||||
.route-tabs { display: flex; gap: 8px; margin: 0 0 14px; }
|
||||
.route-tab {
|
||||
border: 1px solid var(--border); background: var(--surface);
|
||||
border-radius: 999px; padding: 8px 18px; font-size: 14px;
|
||||
cursor: pointer; color: var(--text-soft);
|
||||
}
|
||||
.route-tab:hover { border-color: var(--border-strong); color: var(--text); }
|
||||
.route-tab.is-active { background: var(--accent); border-color: var(--accent); color: #fff; }
|
||||
.route-panel[hidden] { display: none; }
|
||||
.route-map-section { margin-top: 0; }
|
||||
.route-map {
|
||||
height: 380px;
|
||||
height: clamp(480px, 72vh, 860px);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
overflow: hidden;
|
||||
@@ -1290,5 +1300,6 @@ video.video-thumb.video-thumb-mini {
|
||||
}
|
||||
.route-legend-end { color: #ef4444; font-weight: 700; }
|
||||
@media (max-width: 640px) {
|
||||
.route-map { height: 300px; }
|
||||
.route-map { height: 62vh; }
|
||||
.route-tab { padding: 7px 14px; font-size: 13px; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user