路线地图体验修正 + 节点表单裁剪改按钮触发(批 11)

地图四项调整(用户反馈):
- 位置移到封面之下、时间轴之前 —— 行程一长不用拉到底才看到地图;
- 圆形标记放在该段行程线的中点(起终点都有才取中点,缺一头放
  有的一头),不再是起点位置;anchor 改 center 居中骑在线上;
- 只有地名、没坐标的地点(偏僻地方下拉选不到点位):浏览器端调
  AMap.Geocoder 按地名查坐标,查到补进路线全量重画(drawRoute 幂等),
  查不到保持缺省不硬造位置;data-route 新增 sname/ename 地名;
- 提示文案同步更新。

裁剪交互(用户反馈):
- 选图后不再自动弹出裁剪框;每张能裁的缩略图旁放「✂ 裁剪」按钮
  (左上角,与右上角 × 对称),点了才弹框,只处理这一张;
- 「逐张裁剪」批量入口保留:确定后仍自动弹下一张(cropChain 标志
  区分两种流程);删除 addedCroppable 自动触发逻辑。

已验证:本地全链 11 步全绿(渲染检查 339 项、真实浏览器交互更新为
按钮触发流程 75 项);远端 e2e 340 项 0 失败(新增 9 项断言);
部署静态断言/双 PHP 渲染/内容断言全过后提交。
This commit is contained in:
2026-09-24 11:41:11 +08:00
parent 69279db1b2
commit 00cd99d07d
3 changed files with 190 additions and 135 deletions
+9
View File
@@ -817,6 +817,15 @@ input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; padding
}
.photo-del:hover { background: var(--danger); }
/* 批 11:表单缩略图旁的「✂ 裁剪」按钮 —— 上传后不再自动弹裁剪框,点它才弹 */
.photo-card > .photo-crop-btn {
position: absolute; top: 6px; left: 6px;
border: 0; border-radius: 6px; padding: 3px 9px;
font-size: 12px; line-height: 1.4; cursor: pointer;
background: rgba(20, 24, 34, .62); color: #fff;
}
.photo-card > .photo-crop-btn:hover { background: rgba(20, 24, 34, .85); }
/* 详情页上的小照片墙 */
.photo-more {
display: flex; flex-direction: column; align-items: center; justify-content: center;