becomer 1ffe68eb72 打卡表单图片加「编辑」按钮,点击重新上传
改动前:整个缩略图区域是 @click="handleImageUpload" 的上传热区,
视觉上没有任何按钮,用户不知道点图片会发生什么(部分浏览器/WebView
点击 <img> 还会触发自身原生看图,进一步造成「点了是预览」的错觉)。

改为三态清晰渲染:
  1. 上传中 → 显示 loading(优先于缩略图,替换时给出明确反馈)
  2. 已有图片 → 缩略图 + 右下角「编辑」按钮(铅笔图标),点按钮才重新上传;
     图片本身不再是热区,避免误触
  3. 无图片 → 虚线「上传」框(按钮语义)

两套表单(新建打卡 / 编辑表单)同步修改。
调整了 v-if 链顺序:原先缩略图判断在前,导致上传中状态在有图时永不显示。

说明:本次未定位用户所见「点图片是全屏预览」的确切来源——
代码中不存在任何预览组件,HomeView 的图片仅有上述点击绑定,
推测为宿主浏览器/App 内核对 <img> 的原生行为,与本项目代码无关。
2026-10-18 22:53:03 +08:00
S
Description
No description provided
6.6 MiB
Languages
Go 58.2%
Vue 35.3%
TypeScript 4.1%
CSS 1.5%
JavaScript 0.6%
Other 0.2%