Template:16TeamBracket:修订间差异
模板页面
更多语言
更多操作
ContentBot2(留言 | 贡献) v3: Flexbox卡片式对阵表,箭头连接,彩色轮次 |
ContentBot2(留言 | 贡献) v4: 深色模式兼容 — 透明卡片背景,TemplateStyles 暗色适配 |
||
| 第1行: | 第1行: | ||
<includeonly><div style="overflow-x:auto; padding:15px 5px;"> | <includeonly><templatestyles src="16TeamBracket/styles.css" /><div style="overflow-x:auto; padding:15px 5px;"> | ||
<div style="display:flex; justify-content:center; align-items:stretch; gap:0; min-width:750px | <div style="display:flex; justify-content:center; align-items:stretch; gap:0; min-width:750px; font-size:14px;"> | ||
<!-- RD1: 八分之一决赛 --> | <!-- RD1: 八分之一决赛 --> | ||
<div style="display:flex; flex-direction:column; min-width:130px | <div style="display:flex; flex-direction:column; min-width:130px;"> | ||
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#2c3e50; color:#fff; border-radius:4px 4px 0 0; margin-bottom:2px;">{{{rd1|八分之一决赛}}}</div> | <div style="font-weight:bold; text-align:center; padding:8px 6px; background:#2c3e50; color:#fff; border-radius:4px 4px 0 0; margin-bottom:2px;">{{{rd1|八分之一决赛}}}</div> | ||
<div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;"> | <div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;"> | ||
<div style="border:1px solid # | <div class="bracket-card rd1-card" style="border:1px solid #888; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s1|1}}}. [[{{{prefix|}}}{{{t1|}}}|{{{t1|}}}]]</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #666; border-bottom:1px solid #666; opacity:0.6;">VS</div> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s16|16}}}. [[{{{prefix|}}}{{{t16|}}}|{{{t16|}}}]]</div> | ||
</div> | </div> | ||
<div style="border:1px solid # | <div class="bracket-card rd1-card" style="border:1px solid #888; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s8|8}}}. [[{{{prefix|}}}{{{t8|}}}|{{{t8|}}}]]</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #666; border-bottom:1px solid #666; opacity:0.6;">VS</div> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s9|9}}}. [[{{{prefix|}}}{{{t9|}}}|{{{t9|}}}]]</div> | ||
</div> | </div> | ||
<div style="border:1px solid # | <div class="bracket-card rd1-card" style="border:1px solid #888; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s5|5}}}. [[{{{prefix|}}}{{{t5|}}}|{{{t5|}}}]]</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #666; border-bottom:1px solid #666; opacity:0.6;">VS</div> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s12|12}}}. [[{{{prefix|}}}{{{t12|}}}|{{{t12|}}}]]</div> | ||
</div> | </div> | ||
<div style="border:1px solid # | <div class="bracket-card rd1-card" style="border:1px solid #888; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s4|4}}}. [[{{{prefix|}}}{{{t4|}}}|{{{t4|}}}]]</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #666; border-bottom:1px solid #666; opacity:0.6;">VS</div> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s13|13}}}. [[{{{prefix|}}}{{{t13|}}}|{{{t13|}}}]]</div> | ||
</div> | </div> | ||
<div style="border:1px solid # | <div class="bracket-card rd1-card" style="border:1px solid #888; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s3|3}}}. [[{{{prefix|}}}{{{t3|}}}|{{{t3|}}}]]</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #666; border-bottom:1px solid #666; opacity:0.6;">VS</div> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s14|14}}}. [[{{{prefix|}}}{{{t14|}}}|{{{t14|}}}]]</div> | ||
</div> | </div> | ||
<div style="border:1px solid # | <div class="bracket-card rd1-card" style="border:1px solid #888; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s6|6}}}. [[{{{prefix|}}}{{{t6|}}}|{{{t6|}}}]]</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #666; border-bottom:1px solid #666; opacity:0.6;">VS</div> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s11|11}}}. [[{{{prefix|}}}{{{t11|}}}|{{{t11|}}}]]</div> | ||
</div> | </div> | ||
<div style="border:1px solid # | <div class="bracket-card rd1-card" style="border:1px solid #888; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s7|7}}}. [[{{{prefix|}}}{{{t7|}}}|{{{t7|}}}]]</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #666; border-bottom:1px solid #666; opacity:0.6;">VS</div> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s10|10}}}. [[{{{prefix|}}}{{{t10|}}}|{{{t10|}}}]]</div> | ||
</div> | </div> | ||
<div style="border:1px solid # | <div class="bracket-card rd1-card" style="border:1px solid #888; border-radius:4px; overflow:hidden; margin:1px 0;"> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s2|2}}}. [[{{{prefix|}}}{{{t2|}}}|{{{t2|}}}]]</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:11px; padding:1px; border-top:1px solid #666; border-bottom:1px solid #666; opacity:0.6;">VS</div> | ||
<div style="padding: | <div style="padding:5px 10px; white-space:nowrap;">{{{s15|15}}}. [[{{{prefix|}}}{{{t15|}}}|{{{t15|}}}]]</div> | ||
</div> | </div> | ||
</div></div> | </div></div> | ||
<!-- | <!-- Arrows RD1→RD2 --> | ||
<div style="display:flex; flex-direction:column; justify-content:space-around; width: | <div style="display:flex; flex-direction:column; justify-content:space-around; width:20px; flex-shrink:0;"> | ||
<div style="text-align:center; color:# | <div style="text-align:center; color:#e74c3c; font-size:16px; line-height:1.6;">▶</div> | ||
<div style="text-align:center; color:# | <div style="text-align:center; color:#e74c3c; font-size:16px; line-height:1.6;">▶</div> | ||
<div style="text-align:center; color:# | <div style="text-align:center; color:#e74c3c; font-size:16px; line-height:1.6;">▶</div> | ||
<div style="text-align:center; color:# | <div style="text-align:center; color:#e74c3c; font-size:16px; line-height:1.6;">▶</div> | ||
</div> | </div> | ||
<!-- RD2: 四分之一决赛 --> | <!-- RD2: 四分之一决赛 --> | ||
<div style="display:flex; flex-direction:column; min-width:130px | <div style="display:flex; flex-direction:column; min-width:130px;"> | ||
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#34495e; color:#fff; border-radius:4px 4px 0 0; margin-bottom:2px;">{{{rd2|四分之一决赛}}}</div> | <div style="font-weight:bold; text-align:center; padding:8px 6px; background:#34495e; color:#fff; border-radius:4px 4px 0 0; margin-bottom:2px;">{{{rd2|四分之一决赛}}}</div> | ||
<div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;"> | <div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;"> | ||
<div style="border:2px solid #c0392b; border-radius:4px; overflow:hidden; margin:6px 0;"> | <div class="bracket-card rd2-card" style="border:2px solid #c0392b; border-radius:4px; overflow:hidden; margin:6px 0;"> | ||
<div style="padding: | <div style="padding:5px 10px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w1|}}}|<b>{{{w1}}}</b>|—}}</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:10px; padding:1px; border-top:1px solid #c0392b; border-bottom:1px solid #c0392b; color:#c0392b; opacity:0.7;">VS</div> | ||
<div style="padding: | <div style="padding:5px 10px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w2|}}}|<b>{{{w2}}}</b>|—}}</div> | ||
</div> | </div> | ||
<div style="border:2px solid #c0392b; border-radius:4px; overflow:hidden; margin:6px 0;"> | <div class="bracket-card rd2-card" style="border:2px solid #c0392b; border-radius:4px; overflow:hidden; margin:6px 0;"> | ||
<div style="padding: | <div style="padding:5px 10px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w3|}}}|<b>{{{w3}}}</b>|—}}</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:10px; padding:1px; border-top:1px solid #c0392b; border-bottom:1px solid #c0392b; color:#c0392b; opacity:0.7;">VS</div> | ||
<div style="padding: | <div style="padding:5px 10px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w4|}}}|<b>{{{w4}}}</b>|—}}</div> | ||
</div> | </div> | ||
<div style="border:2px solid #c0392b; border-radius:4px; overflow:hidden; margin:6px 0;"> | <div class="bracket-card rd2-card" style="border:2px solid #c0392b; border-radius:4px; overflow:hidden; margin:6px 0;"> | ||
<div style="padding: | <div style="padding:5px 10px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w5|}}}|<b>{{{w5}}}</b>|—}}</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:10px; padding:1px; border-top:1px solid #c0392b; border-bottom:1px solid #c0392b; color:#c0392b; opacity:0.7;">VS</div> | ||
<div style="padding: | <div style="padding:5px 10px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w6|}}}|<b>{{{w6}}}</b>|—}}</div> | ||
</div> | </div> | ||
<div style="border:2px solid #c0392b; border-radius:4px; overflow:hidden; margin:6px 0;"> | <div class="bracket-card rd2-card" style="border:2px solid #c0392b; border-radius:4px; overflow:hidden; margin:6px 0;"> | ||
<div style="padding: | <div style="padding:5px 10px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w7|}}}|<b>{{{w7}}}</b>|—}}</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:10px; padding:1px; border-top:1px solid #c0392b; border-bottom:1px solid #c0392b; color:#c0392b; opacity:0.7;">VS</div> | ||
<div style="padding: | <div style="padding:5px 10px; text-align:center; white-space:nowrap; font-size:13px;">{{#if:{{{w8|}}}|<b>{{{w8}}}</b>|—}}</div> | ||
</div> | </div> | ||
</div></div> | </div></div> | ||
<!-- | <!-- Arrows RD2→RD3 --> | ||
<div style="display:flex; flex-direction:column; justify-content:space-around; width: | <div style="display:flex; flex-direction:column; justify-content:space-around; width:20px; flex-shrink:0;"> | ||
<div style="text-align:center; color:#e67e22; font-size: | <div style="text-align:center; color:#e67e22; font-size:20px; line-height:1.6;">▶</div> | ||
<div style="text-align:center; color:#e67e22; font-size: | <div style="text-align:center; color:#e67e22; font-size:20px; line-height:1.6;">▶</div> | ||
</div> | </div> | ||
<!-- RD3: 半决赛 --> | <!-- RD3: 半决赛 --> | ||
<div style="display:flex; flex-direction:column; min-width:130px | <div style="display:flex; flex-direction:column; min-width:130px;"> | ||
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:#2980b9; color:#fff; border-radius:4px 4px 0 0; margin-bottom:2px;">{{{rd3|半决赛}}}</div> | <div style="font-weight:bold; text-align:center; padding:8px 6px; background:#2980b9; color:#fff; border-radius:4px 4px 0 0; margin-bottom:2px;">{{{rd3|半决赛}}}</div> | ||
<div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;"> | <div style="display:flex; flex-direction:column; flex:1; justify-content:space-around;"> | ||
<div style="border:2px solid #e67e22; border-radius:4px; overflow:hidden; margin:10px 0;"> | <div class="bracket-card rd3-card" style="border:2px solid #e67e22; border-radius:4px; overflow:hidden; margin:10px 0;"> | ||
<div style="padding: | <div style="padding:7px 10px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w9|}}}|<b>{{{w9}}}</b>|—}}</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:10px; padding:1px; border-top:1px solid #e67e22; border-bottom:1px solid #e67e22; color:#e67e22; opacity:0.7;">VS</div> | ||
<div style="padding: | <div style="padding:7px 10px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w10|}}}|<b>{{{w10}}}</b>|—}}</div> | ||
</div> | </div> | ||
<div style="border:2px solid #e67e22; border-radius:4px; overflow:hidden; margin:10px 0;"> | <div class="bracket-card rd3-card" style="border:2px solid #e67e22; border-radius:4px; overflow:hidden; margin:10px 0;"> | ||
<div style="padding: | <div style="padding:7px 10px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w12|}}}|<b>{{{w12}}}</b>|—}}</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:10px; padding:1px; border-top:1px solid #e67e22; border-bottom:1px solid #e67e22; color:#e67e22; opacity:0.7;">VS</div> | ||
<div style="padding: | <div style="padding:7px 10px; text-align:center; white-space:nowrap; font-size:14px;">{{#if:{{{w8_qf|}}}|<b>{{{w8_qf}}}</b>|—}}</div> | ||
</div> | </div> | ||
| 第122行: | 第122行: | ||
<!-- Arrow RD3→RD4 --> | <!-- Arrow RD3→RD4 --> | ||
<div style="display:flex; flex-direction:column; justify-content:center; width: | <div style="display:flex; flex-direction:column; justify-content:center; width:20px; flex-shrink:0;"> | ||
<div style="text-align:center; color:#e74c3c; font-size: | <div style="text-align:center; color:#e74c3c; font-size:24px;">▶</div> | ||
</div> | </div> | ||
<!-- RD4: 决赛 --> | <!-- RD4: 决赛 --> | ||
<div style="display:flex; flex-direction:column; justify-content:center; min-width:140px | <div style="display:flex; flex-direction:column; justify-content:center; min-width:140px;"> | ||
<div style="font-weight:bold; text-align:center; padding:8px 6px; background:# | <div style="font-weight:bold; text-align:center; padding:8px 6px; background:#c0392b; color:#fff; border-radius:4px 4px 0 0; margin-bottom:2px;">{{{rd4|决赛}}}</div> | ||
<div style="display:flex; flex-direction:column; justify-content:center; flex:1;"> | <div style="display:flex; flex-direction:column; justify-content:center; flex:1;"> | ||
<div style="border:3px solid #e74c3c; border-radius:6px; overflow:hidden;"> | <div class="bracket-card rd4-card" style="border:3px solid #e74c3c; border-radius:6px; overflow:hidden;"> | ||
<div style="padding: | <div style="padding:9px; text-align:center; font-size:15px;">{{#if:{{{w11|}}}|<b>{{{w11}}}</b>|—}}</div> | ||
<div style="text-align:center | <div style="text-align:center; font-size:12px; padding:2px; border-top:2px solid #e74c3c; border-bottom:2px solid #e74c3c; color:#e74c3c; font-weight:bold;">VS</div> | ||
<div style="padding: | <div style="padding:9px; text-align:center; font-size:15px;">{{#if:{{{w13|}}}|<b>{{{w13}}}</b>|—}}</div> | ||
</div> | </div> | ||
</div></div> | </div></div> | ||
<!-- Arrow → Champion --> | <!-- Arrow → Champion --> | ||
<div style="display:flex; flex-direction:column; justify-content:center; width: | <div style="display:flex; flex-direction:column; justify-content:center; width:24px; flex-shrink:0;"> | ||
<div style="text-align:center; font-size: | <div style="text-align:center; font-size:28px;">🏆</div> | ||
</div> | </div> | ||
<!-- Champion --> | <!-- Champion --> | ||
<div style="display:flex; flex-direction:column; justify-content:center; min-width:110px | <div style="display:flex; flex-direction:column; justify-content:center; min-width:110px;"> | ||
<div style="text-align:center; padding:14px 8px; background:linear-gradient(135deg,#f9ca24,#f0932b); border-radius:6px; font-weight:bold; font-size:16px; color:#2d3436;"> | <div style="text-align:center; padding:14px 8px; background:linear-gradient(135deg,#f9ca24,#f0932b); border-radius:6px; font-weight:bold; font-size:16px; color:#2d3436;"> | ||
{{#if:{{{champion|}}}|🏆<br>{{{champion}}}|—}} | {{#if:{{{champion|}}}|🏆<br>{{{champion}}}|—}} | ||
| 第153行: | 第153行: | ||
<noinclude> | <noinclude> | ||
== 用法 == | == 用法 == | ||
16队单败淘汰赛对阵表 | 16队单败淘汰赛对阵表(深色模式兼容版)。 | ||
=== 参数 === | === 参数 === | ||
| 第159行: | 第159行: | ||
* <code>s1</code>–<code>s16</code>:种子序号(默认 1–16) | * <code>s1</code>–<code>s16</code>:种子序号(默认 1–16) | ||
* <code>prefix</code>:链接前缀 | * <code>prefix</code>:链接前缀 | ||
* <code>w1</code>–<code>w8</code>:八分之一决赛 | * <code>w1</code>–<code>w8</code>:八分之一决赛胜者 | ||
* <code>w9</code>–<code>w10</code>、<code>w12</code>、<code>w8_qf</code>:半决赛对阵 | * <code>w9</code>–<code>w10</code>、<code>w12</code>、<code>w8_qf</code>:半决赛对阵 | ||
* <code>w11</code>、<code>w13</code>:决赛对阵 | * <code>w11</code>、<code>w13</code>:决赛对阵 | ||
* <code>champion</code>:冠军 | * <code>champion</code>:冠军 | ||
</noinclude></includeonly> | </noinclude></includeonly> | ||