liuwei_x_x/abot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复斗鱼粉丝日报右侧榜单区域缺少背景边界\n\n- 为粉丝日报右侧梗王榜补回独立承托容器\n- 恢复右栏的浅色背景、边框与阴影层次\n- 避免内容较少时右侧区域看起来没有边界

Browse Source
This commit is contained in:
liuwei
2026-04-27 13:09:59 +08:00
parent 9c3d8a21f9
commit 0253e705e5
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
plugins/douyu/templates/daily_fans_report.html
View File

@@ -174,6 +174,17 @@
display: grid;
gap: 10px;
}
.rank-panel {
/* 右侧梗王榜单独补一个承托容器：
1. 恢复背景层和阴影层，避免内容少时看起来像直接贴在 section 背景上；
2. 用更浅的暖色渐变和轻阴影，把右栏边界重新拉出来；
3. 保持和整张粉丝日报同一套视觉语言，不做突兀的深色描边。 */
padding: 14px;
border-radius: 22px;
background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,244,238,0.94));
border: 1px solid rgba(242, 95, 92, 0.12);
box-shadow: 0 14px 28px rgba(186, 101, 69, 0.08);
}
.meme-rank-card {
padding: 14px 16px;
border-radius: 18px;
@@ -263,7 +274,9 @@
<div class="section-title"><span class="icon"></span><span>今日笑点</span></div>
<div class="two-col">
<div>{{ laugh_points_html }}</div>
<div class="meme-rank-stack">{{ meme_rank_html }}</div>
<div class="rank-panel">
<div class="meme-rank-stack">{{ meme_rank_html }}</div>
</div>
</div>
</div>