|
|
| 第1行： |
第1行： |
| <includeonly> | | <includeonly> |
| <div class="ci-wrapper" style="max-width:360px;margin:0 auto;font-family:system-ui,'Microsoft YaHei',sans-serif;"> | | <div class="ci-wrapper"> |
| <!-- 图片切换区域 -->
| | <div class="ci-container"> |
| <div class="ci-image-section"> | | <!-- 图片切换区域 --> |
| <div class="ci-image-tabs " style="display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;"> | | <div class="ci-image-section"> |
| <span class="ci-tab-btn" data-ci-index="0" style="padding:4px 14px;border:1px solid #d0d0d0;border-radius:16px;background:#f5f5f5;color:#555;font-size:13px;cursor:pointer;transition:all 0.2s;user-select:none;font-weight:500;display:inline-block;">{{{标签1|图1}}}</span>
| | <div class="ci-image-tabs"> |
| <span class="ci-tab-btn" data-ci-index="1" style="padding:4px 14px;border:1px solid #d0d0d0;border-radius:16px;background:#f5f5f5;color:#555;font-size:13px;cursor:pointer;transition:all 0.2s;user-select:none;font-weight:500;display:inline-block;">{{{标签2|图2}}}</span>
| | <span class="ci-tab-btn" data-ci-index="0">{{{标签1|图1}}}</span> |
| <span class="ci-tab-btn" data-ci-index="2" style="padding:4px 14px;border:1px solid #d0d0d0;border-radius:16px;background:#f5f5f5;color:#555;font-size:13px;cursor:pointer;transition:all 0.2s;user-select:none;font-weight:500;display:inline-block;">{{{标签3|图3}}}</span>
| | <span class="ci-tab-btn" data-ci-index="1">{{{标签2|图2}}}</span> |
| <span class="ci-tab-btn" data-ci-index="3" style="padding:4px 14px;border:1px solid #d0d0d0;border-radius:16px;background:#f5f5f5;color:#555;font-size:13px;cursor:pointer;transition:all 0.2s;user-select:none;font-weight:500;display:inline-block;">{{{标签4|图4}}}</span>
| | <span class="ci-tab-btn" data-ci-index="2">{{{标签3|图3}}}</span> |
| <span class="ci-tab-btn" data-ci-index="4" style="padding:4px 14px;border:1px solid #d0d0d0;border-radius:16px;background:#f5f5f5;color:#555;font-size:13px;cursor:pointer;transition:all 0.2s;user-select:none;font-weight:500;display:inline-block;">{{{标签5|图5}}}</span>
| | <span class="ci-tab-btn" data-ci-index="3">{{{标签4|图4}}}</span> |
| <span class="ci-tab-btn" data-ci-index="5" style="padding:4px 14px;border:1px solid #d0d0d0;border-radius:16px;background:#f5f5f5;color:#555;font-size:13px;cursor:pointer;transition:all 0.2s;user-select:none;font-weight:500;display:inline-block;">{{{标签6|图6}}}</span>
| | <span class="ci-tab-btn" data-ci-index="4">{{{标签5|图5}}}</span> |
| </div>
| | <span class="ci-tab-btn" data-ci-index="5">{{{标签6|图6}}}</span> |
| <div class="ci-image-display " style="border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff;min-height:80px;display:flex;align-items:center;justify-content:center;"> | | </div> |
| <div class="ci-img-item" data-ci-index="0 " style="display:none;width:100%;text-align:center;padding:6px;"><img src="{{{图片1|}}}" alt="人物图片" loading="lazy " style="max-width:100%;max-height:300px;height:auto;display:block;margin:0 auto;border-radius:4px;" /></div> | | <div class="ci-image-display"> |
| <div class="ci-img-item" data-ci-index="1 " style="display:none;width:100%;text-align:center;padding:6px;"><img src="{{{图片2|}}}" alt="人物图片" loading="lazy " style="max-width:100%;max-height:300px;height:auto;display:block;margin:0 auto;border-radius:4px;" /></div> | | <div class="ci-img-item" data-ci-index="0"><img src="{{{图片1|}}}" alt="人物图片" loading="lazy" /></div> |
| <div class="ci-img-item" data-ci-index="2 " style="display:none;width:100%;text-align:center;padding:6px;"><img src="{{{图片3|}}}" alt="人物图片" loading="lazy " style="max-width:100%;max-height:300px;height:auto;display:block;margin:0 auto;border-radius:4px;" /></div> | | <div class="ci-img-item" data-ci-index="1"><img src="{{{图片2|}}}" alt="人物图片" loading="lazy" /></div> |
| <div class="ci-img-item" data-ci-index="3 " style="display:none;width:100%;text-align:center;padding:6px;"><img src="{{{图片4|}}}" alt="人物图片" loading="lazy " style="max-width:100%;max-height:300px;height:auto;display:block;margin:0 auto;border-radius:4px;" /></div> | | <div class="ci-img-item" data-ci-index="2"><img src="{{{图片3|}}}" alt="人物图片" loading="lazy" /></div> |
| <div class="ci-img-item" data-ci-index="4 " style="display:none;width:100%;text-align:center;padding:6px;"><img src="{{{图片5|}}}" alt="人物图片" loading="lazy " style="max-width:100%;max-height:300px;height:auto;display:block;margin:0 auto;border-radius:4px;" /></div> | | <div class="ci-img-item" data-ci-index="3"><img src="{{{图片4|}}}" alt="人物图片" loading="lazy" /></div> |
| <div class="ci-img-item" data-ci-index="5 " style="display:none;width:100%;text-align:center;padding:6px;"><img src="{{{图片6|}}}" alt="人物图片" loading="lazy " style="max-width:100%;max-height:300px;height:auto;display:block;margin:0 auto;border-radius:4px;" /></div> | | <div class="ci-img-item" data-ci-index="4"><img src="{{{图片5|}}}" alt="人物图片" loading="lazy" /></div> |
| <div class="ci-no-image " style="color:#999;font-size:14px;padding:20px 0;display:block;text-align:center;"> 📷 暂未上传</div> | | <div class="ci-img-item" data-ci-index="5"><img src="{{{图片6|}}}" alt="人物图片" loading="lazy" /></div> |
| | <div class="ci-no-image">暂未上传 </div> |
| | </div> |
| </div> | | </div> |
| | |
| | <!-- 信息表格 --> |
| | <table class="ci-info-table"> |
| | <tr class="ci-row"><td class="ci-label">姓名</td><td class="ci-value">{{{姓名|}}}</td></tr> |
| | <tr class="ci-row"><td class="ci-label">性别</td><td class="ci-value">{{{性别|}}}</td></tr> |
| | <tr class="ci-row"><td class="ci-label">配音</td><td class="ci-value">{{{配音|}}}</td></tr> |
| | <tr class="ci-row"><td class="ci-label">能力</td><td class="ci-value">{{{能力|}}}</td></tr> |
| | <tr class="ci-row"><td class="ci-label">所属势力</td><td class="ci-value">{{{所属势力|}}}</td></tr> |
| | </table> |
| </div> | | </div> |
|
| |
| <!-- 信息表格（1:3比例） -->
| |
| <table class="ci-info-table" style="width:100%;border-collapse:collapse;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff;margin-top:14px;">
| |
| <tr class="ci-row" style="border-bottom:1px solid #f0f0f0;"><td class="ci-label" style="width:25%;min-width:60px;padding:10px 14px;background:#f7f7f7;font-weight:600;color:#333;text-align:center;border-right:1px solid #eee;vertical-align:middle;">姓名</td><td class="ci-value" style="width:75%;padding:10px 14px;color:#222;background:#fff;">{{{姓名|}}}</td></tr>
| |
| <tr class="ci-row" style="border-bottom:1px solid #f0f0f0;"><td class="ci-label" style="width:25%;min-width:60px;padding:10px 14px;background:#f7f7f7;font-weight:600;color:#333;text-align:center;border-right:1px solid #eee;vertical-align:middle;">性别</td><td class="ci-value" style="width:75%;padding:10px 14px;color:#222;background:#fff;">{{{性别|}}}</td></tr>
| |
| <tr class="ci-row" style="border-bottom:1px solid #f0f0f0;"><td class="ci-label" style="width:25%;min-width:60px;padding:10px 14px;background:#f7f7f7;font-weight:600;color:#333;text-align:center;border-right:1px solid #eee;vertical-align:middle;">配音</td><td class="ci-value" style="width:75%;padding:10px 14px;color:#222;background:#fff;">{{{配音|}}}</td></tr>
| |
| <tr class="ci-row" style="border-bottom:1px solid #f0f0f0;"><td class="ci-label" style="width:25%;min-width:60px;padding:10px 14px;background:#f7f7f7;font-weight:600;color:#333;text-align:center;border-right:1px solid #eee;vertical-align:middle;">能力</td><td class="ci-value" style="width:75%;padding:10px 14px;color:#222;background:#fff;">{{{能力|}}}</td></tr>
| |
| <tr class="ci-row" style="border-bottom:1px solid #f0f0f0;"><td class="ci-label" style="width:25%;min-width:60px;padding:10px 14px;background:#f7f7f7;font-weight:600;color:#333;text-align:center;border-right:1px solid #eee;vertical-align:middle;">所属势力</td><td class="ci-value" style="width:75%;padding:10px 14px;color:#222;background:#fff;">{{{所属势力|}}}</td></tr>
| |
| </table>
| |
| </div> | | </div> |
| </includeonly> | | </includeonly> |
| <noinclude> | | <noinclude> |
粤公网安备44030002015967号