2026-08-13-oa-attachment-van-beautify-design.md 745 B

OA 附件:Vant 缩略图美化

状态:已确认(2026-08-13)

决策

保留 van-uploader 交互(格子预览、删除、非图点按下载、详情 disabled 无删除),仅美化样式:

  1. 预览格 84px、14px 圆角、浅绿描边、轻阴影
  2. 删除钮改为圆形半透明
  3. 非图封面:类型色小图标 + 短文件名 + 品牌绿「点击下载」条(不展示「图片/PDF」标签)
  4. 添加格:虚线框 + 绿色渐变 + 号
  5. 详情只读(disabled / form-create 禁用):不展示添加格、不展示右上角删除;附件仅可预览/下载

Demo

mobile-ui/zkxw-mobile-oa-attachment-actions-demo.html

落点

mobile-oa-h5/src/oa/components/OaUploadField.vue