首页地图引线加箭头指向真实位置(批 23)

① 被扇开的卡片,引线改成「从卡片指向真实坐标」:箭头画在真实位置那一端
  (marker-end + SVG marker),终点退开 DOT_R+2 px 免得盖住圆点。活动多了
  也能一眼看出这张卡片归哪个点 —— 这是用户「活动特别多会不会乱」的核心诉求。

② 箭头 marker 的 id 逐枚唯一(home-arrow-<下标>):每枚标记的 content 各自
  带一份 <defs>,同页 id 重名会指向先出现的那份,属隐患。

验证:本地全链新增 10c2「首页地图密集活动排布」步骤 —— 密集夹具
(8 个活动:东北簇 3 + 长三角簇 3 + 孤立三亚/成都)断言卡片两两不叠、
都在地图容器内、扇开的都有箭头且箭头落点离自己真实坐标 <= 8px、marker id
不重名、孤立的两枚原地不动、密集下仍可点进活动;_map16 亦加两条箭头断言。
部署哨兵新增批 23 段 4 条(数代码形式字面量,防注释打挂)。
This commit is contained in:
2026-09-26 20:41:28 +08:00
parent c72f9d0b14
commit 5645a8db5c
2 changed files with 25 additions and 9 deletions
+2
View File
@@ -1338,6 +1338,8 @@ video.video-thumb.video-thumb-mini {
.home-pin svg { position: absolute; left: 0; top: 0; overflow: visible; }
.home-pin-line { stroke: #8aa0b8; stroke-width: 1.5; }
.home-pin-dot { fill: #3b82f6; }
/* 引线末端的箭头(指向真实位置那个圆点)—— 活动多了也分得清哪张卡片归哪个点 */
.home-arrow { fill: #8aa0b8; }
.home-card {
position: absolute; transform: translate(-50%, -50%);
display: flex; align-items: center; gap: 7px;