Commit 70f9e21c authored by daniel's avatar daniel

feat(cmpt): 优化微信分享图上传交互体验

## 改进内容
1. 将图片用 label 包裹,点击图片(加号图标)即可触发文件选择
2. 隐藏原生 input file 控件(display: none)
3. 添加"点击上传图片"文字链接,提供更明确的操作提示

## 用户体验提升
- 点击加号图标可以直接选择文件
- 点击"点击上传图片"文字也可以选择文件
- 更符合用户直觉的操作方式
Co-Authored-By: 's avatarClaude Opus 4.6 <noreply@anthropic.com>
parent 312976cb
......@@ -323,16 +323,21 @@
</div>
<div class="card-body no-padding">
<div class="logo-div" style="display: flex; flex-direction: column; align-items: center;">
<img src="${cmpt.wechatShareImage}"
class="logo ${cmpt.wechatShareImage != null ? 'cmpt-logo':''}"
alt="${ctxStatic}/managerPagePhoto/file.png"
id="wechatShareImage"
onerror="this.src='${ctxStatic}/managerPagePhoto/insertManual.png'">
<label for="uploadWechatShare" style="cursor: pointer; display: block;">
<img src="${cmpt.wechatShareImage}"
class="logo ${cmpt.wechatShareImage != null ? 'cmpt-logo':''}"
alt="${ctxStatic}/managerPagePhoto/file.png"
id="wechatShareImage"
onerror="this.src='${ctxStatic}/managerPagePhoto/insertManual.png'">
</label>
<input type="hidden" name="hdWechatShareImage"
id="hdWechatShareImage" value="${cmpt.wechatShareImage}" />
<input id="uploadWechatShare" type="file"
onchange="changeLogoImg('wechatShareImage', 'uploadWechatShare','0','0','100%','100%')"
style="margin-top: 10px;" />
style="margin-top: 10px; display: none;" />
<label for="uploadWechatShare" style="margin-top: 10px; cursor: pointer; color: #007bff; text-decoration: underline;">
点击上传图片
</label>
</div>
<img src="${ctxStatic}/managerPagePhoto/zhu.png"
style="width: 20px;margin: 0 5px 3px 25px;" />
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment