Commit 34005d06 authored by daniel's avatar daniel

fix(cmpt): 优化微信分享图布局和间距

## 修复内容
1. 微信分享图上传控件改为上下排列(图片预览在上,上传按钮在下)
2. 去掉微信分享图区块顶部间隔
3. 去掉微信分享图与"赛事详情tab是否开启"之间的间隔

## 技术细节
- 为 .logo-div 添加 flex-direction: column 实现上下排列
- 为上传按钮添加 margin-top: 10px 增加间距
- 为两个 .cmptLogo div 添加 margin-top: 0 去掉顶部间隔
Co-Authored-By: 's avatarClaude Opus 4.6 <noreply@anthropic.com>
parent 590ba752
...@@ -314,13 +314,13 @@ ...@@ -314,13 +314,13 @@
</div> </div>
</div> </div>
<!-- WeChat Share Image --> <!-- WeChat Share Image -->
<div class="cmptLogo"> <div class="cmptLogo" style="margin-top: 0;">
<div class="checklist card"> <div class="checklist card">
<div class="card-header d-flex align-items-center"> <div class="card-header d-flex align-items-center">
<h2 class="h3">微信分享图 </h2> <h2 class="h3">微信分享图 </h2>
</div> </div>
<div class="card-body no-padding"> <div class="card-body no-padding">
<div class="logo-div"> <div class="logo-div" style="display: flex; flex-direction: column; align-items: center;">
<img src="${cmpt.wechatShareImage}" <img src="${cmpt.wechatShareImage}"
class="logo ${cmpt.wechatShareImage != null ? 'cmpt-logo':''}" class="logo ${cmpt.wechatShareImage != null ? 'cmpt-logo':''}"
alt="${ctxStatic}/managerPagePhoto/file.png" alt="${ctxStatic}/managerPagePhoto/file.png"
...@@ -329,7 +329,8 @@ ...@@ -329,7 +329,8 @@
<input type="hidden" name="hdWechatShareImage" <input type="hidden" name="hdWechatShareImage"
id="hdWechatShareImage" value="${cmpt.wechatShareImage}" /> id="hdWechatShareImage" value="${cmpt.wechatShareImage}" />
<input id="uploadWechatShare" type="file" <input id="uploadWechatShare" type="file"
onchange="changeLogoImg('wechatShareImage', 'uploadWechatShare','0','0','100%','100%')" /> onchange="changeLogoImg('wechatShareImage', 'uploadWechatShare','0','0','100%','100%')"
style="margin-top: 10px;" />
</div> </div>
<img src="${ctxStatic}/managerPagePhoto/zhu.png" <img src="${ctxStatic}/managerPagePhoto/zhu.png"
style="width: 20px;margin: 0 5px 3px 25px;" /> style="width: 20px;margin: 0 5px 3px 25px;" />
...@@ -338,7 +339,7 @@ ...@@ -338,7 +339,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="cmptLogo"> <div class="cmptLogo" style="margin-top: 0;">
<div class="checklist card"> <div class="checklist card">
<div class="card-header d-flex align-items-center"> <div class="card-header d-flex align-items-center">
<h2 class="h3">赛事详情tab是否开启</h2> <h2 class="h3">赛事详情tab是否开启</h2>
......
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