测试:修订间差异
来自勿忘草与永远的少女
跳到导航跳到搜索
无编辑摘要 |
无编辑摘要 |
||
| 第84行: | 第84行: | ||
<!-- 右侧区域 --> | <!-- 右侧区域 --> | ||
<div id="live-carousel-container" style="background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); border-radius: 20px; padding: 20px; color: white; margin: 20px 0; text-align: center;"> | <div id="live-carousel-container" style="background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); border-radius: 20px; padding: 20px; color: white; margin: 20px 0; text-align: center;"> | ||
<div id="live-name" style="font-size: 22px; font-weight: bold; margin-bottom: 8px;"></div> | <div id="live-name" style="font-size: 22px; font-weight: bold; margin-bottom: 8px;"></div> | ||
<div id="live-desc" style="font-size: 14px; opacity: 0.85; margin-bottom: 20px;"></div> | <div id="live-desc" style="font-size: 14px; opacity: 0.85; margin-bottom: 20px;"></div> | ||
<!-- | <!-- 封面:div + 背景图,点击跳转由 JS 处理 --> | ||
<div id="live-cover-img" style=" | |||
width: 100%; | |||
max-width: 280px; | |||
height: 160px; | |||
margin: 0 auto 15px auto; | |||
border-radius: 12px; | |||
box-shadow: 0 4px 12px rgba(0,0,0,0.3); | |||
background-size: cover; | |||
background-position: center; | |||
background-repeat: no-repeat; | |||
cursor: pointer; | |||
"></div | "></div> | ||
<!-- | <!-- 切换按钮 --> | ||
<div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 15px; flex-wrap: nowrap;"> | <div style="display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 15px; flex-wrap: nowrap;"> | ||
<span id="live-prev-btn" style="background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.4); padding: 6px 16px; border-radius: 40px; cursor: pointer; white-space: nowrap;">◀ 上一个</span> | <span id="live-prev-btn" style="background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.4); padding: 6px 16px; border-radius: 40px; cursor: pointer; white-space: nowrap;">◀ 上一个</span> | ||






