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 @@
</div>
</div>
<!-- WeChat Share Image -->
<div class="cmptLogo">
<div class="cmptLogo" style="margin-top: 0;">
<div class="checklist card">
<div class="card-header d-flex align-items-center">
<h2 class="h3">微信分享图 </h2>
</div>
<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}"
class="logo ${cmpt.wechatShareImage != null ? 'cmpt-logo':''}"
alt="${ctxStatic}/managerPagePhoto/file.png"
......@@ -329,7 +329,8 @@
<input type="hidden" name="hdWechatShareImage"
id="hdWechatShareImage" value="${cmpt.wechatShareImage}" />
<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>
<img src="${ctxStatic}/managerPagePhoto/zhu.png"
style="width: 20px;margin: 0 5px 3px 25px;" />
......@@ -338,7 +339,7 @@
</div>
</div>
</div>
<div class="cmptLogo">
<div class="cmptLogo" style="margin-top: 0;">
<div class="checklist card">
<div class="card-header d-flex align-items-center">
<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