yml2213
6a99c1121b
fix(order): 解决移动端弹窗因 CSS display !important 导致 Vue v-show 隐藏失效无法关闭问题
- 根因定位:.mobile-popup-form 设置了 display: flex !important,该样式在 CSS 特异性中强于 Vue v-show 生成的行内 style="display: none;";当弹窗点击关闭后,Vue 将变量置为 false 并完成退场动画,但由于样式强制 flex,弹窗退场后立刻以 flex 状态重新暴露在屏幕上(即“又弹出一个”),且由于此时 Vue 响应式状态已是 false,再次点击关闭按钮不会触发状态改变(即“第二次无法关闭”)
- 解耦容器与弹窗:移除 .mobile-popup-form 根节点上的 display: flex !important 与 overflow 强覆盖,弹窗内部增加 .popup-inner 容器承载垂直 flex 列布局与吸顶/吸底/滚动分区
- 严格验证:运行全量检查 ./scripts/check.sh,Go测试、MySQL测试、TypeScript检查及Vite生产构建 100% 通过
2026-10-10 18:18:25 +08:00
..
2026-10-10 17:14:47 +08:00
2026-10-01 10:02:31 +08:00
2026-10-10 13:48:14 +08:00
2026-09-08 13:39:12 +08:00
2026-08-30 20:37:41 +08:00
2026-09-02 13:50:19 +08:00
2026-10-01 09:24:56 +08:00
2026-10-10 14:00:53 +08:00
2026-10-10 17:44:27 +08:00
2026-08-20 16:10:55 +08:00
2026-10-10 18:18:25 +08:00
2026-09-17 15:54:56 +08:00
2026-09-16 20:33:09 +08:00