附件上传 · 保留 Vant 缩略图,只美化样式

交互不变:格子预览、右上角删除、非图点按下载、详情禁用删除。仅圆角、阴影、删除钮、下载条、添加格做三墙风格打磨。

美化点

现状 修改前

默认 Vant 灰格,删除钮生硬,下载条发黑。

编辑态
相关附件
现场照×
报销单.pdf
点击下载
×
费用.xlsx
点击下载
×
+

美化后 推荐

仍是缩略图格;类型小图标 + 文件名更易认。

编辑态
相关附件
现场照×
报销单.pdf
点击下载
×
费用.xlsx
点击下载
×
+
添加
实现方式:继续用 van-uploader,用 scoped :deep 覆盖预览格 / 删除钮 / 上传触发区,并增强 preview-cover 下载条。 不改成文件行卡。