Tier List:修订间差异
无编辑摘要 |
无编辑摘要 |
||
第7行: | 第7行: | ||
</li> | </li> | ||
<li><div class="ranking-title" style="background-color: rgb(218, 182, 228);"><span>T0</span><span>缔造环境</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(242, 176, 175);"><span>T1</span><span>一线成员</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(244, 194, 166);"><span>T1.5</span><span>比肩T1的优秀战力</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(250, 245, 190);"><span>T2</span><span>用来不错的中坚力量</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(202, 222, 183);"><span>T3</span><span>可以一用</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(165, 194, 227);"><span>T4</span><span>缺卡时姑且能拿来替补</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(192, 192, 191);"><span>T5</span><span>快逃</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(38, 38, 38);"><span>T♾️</span><span>独一档「神」</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li></ul> | <li><div class="ranking-title" style="background-color: rgb(218, 182, 228);"><span>T0</span><span>缔造环境</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(242, 176, 175);"><span>T1</span><span>一线成员</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(244, 194, 166);"><span>T1.5</span><span>比肩T1的优秀战力</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(250, 245, 190);"><span>T2</span><span>用来不错的中坚力量</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(202, 222, 183);"><span>T3</span><span>可以一用</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(165, 194, 227);"><span>T4</span><span>缺卡时姑且能拿来替补</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(192, 192, 191);"><span>T5</span><span>快逃</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li><li><div class="ranking-title" style="background-color: rgb(38, 38, 38);"><span>T♾️</span><span>独一档「神」</span></div><div class="tier"><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div><div class="link"></div></div></li></ul> | ||
{{css:ul { | |||
list-style: none; | |||
padding: 0; | |||
} | |||
li { | |||
position: relative; | |||
display: flex; | |||
} | |||
.ranking-title { | |||
width: 75px; | |||
min-height: 75px; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
border-radius: 5px 0 0 5px; | |||
/* position: relative; */ | |||
} | |||
.ranking-title span:nth-child(2) { | |||
display: none; | |||
position: absolute; | |||
top: calc(50% + (75px)); | |||
background-color: rgba(0, 0, 0, 0.5); | |||
border-radius: 5px; | |||
left: 0; | |||
} | |||
.ranking-title:hover span:nth-child(2) { | |||
display: flex; | |||
} | |||
li + li { | |||
margin-top: 20px; | |||
} | |||
.tier { | |||
background-color: rgba(243, 223, 167, 1); | |||
flex: 1; | |||
border-radius: 0 5px 5px 0; | |||
gap: 20px; | |||
display: grid; | |||
grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)); | |||
padding: 20px; | |||
} | |||
.link { | |||
width: 42px; | |||
height: 42px; | |||
border: 2px solid rgba(30, 23, 33, 1); | |||
overflow: hidden; | |||
border-radius: 5px; | |||
}}} |
2024年4月23日 (二) 09:34的版本
-
- T0缔造环境
- T1一线成员
- T1.5比肩T1的优秀战力
- T2用来不错的中坚力量
- T3可以一用
- T4缺卡时姑且能拿来替补
- T5快逃
- T♾️独一档「神」
{{css:ul {
list-style: none; padding: 0; } li { position: relative; display: flex; } .ranking-title { width: 75px; min-height: 75px; display: flex; align-items: center; justify-content: center; border-radius: 5px 0 0 5px; /* position: relative; */ } .ranking-title span:nth-child(2) { display: none; position: absolute; top: calc(50% + (75px)); background-color: rgba(0, 0, 0, 0.5); border-radius: 5px; left: 0; } .ranking-title:hover span:nth-child(2) { display: flex; }
li + li { margin-top: 20px; } .tier { background-color: rgba(243, 223, 167, 1); flex: 1; border-radius: 0 5px 5px 0; gap: 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(42px, 1fr)); padding: 20px; } .link { width: 42px; height: 42px; border: 2px solid rgba(30, 23, 33, 1); overflow: hidden; border-radius: 5px; }}}