Tier List：修订间差异

2024年4月24日 (三) 10:35的最新版本

123124

错误：数据库表格“角色图鉴”内找不到名为“觉醒首饰名称”的字段。

技能 level, name, state, desc

T0
队伍核心
多面输出
泛用辅助
T1一线成员
T1.5比肩T1的优秀战力
T2用来不错的中坚力量
T3可以一用
T4缺卡时姑且能拿来替补
T5快逃
T♾️独一档「神」

@@ 第1行： / 第1行： @@
-<ul id="ul">
-        <li>
-          <div class="ranking-title">
-            <span></span>
-            <span></span>
-          </div>
-        </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>
+{{角色四觉评价
+|类型=123124
+|角色中文名1=2B
+|角色评价1=123
+|角色中文名2=2B
+|角色评价2=123
+}}
+<span class="bili-tt" data-type="spell" data-level="100" data-name="技能测试1" data-state="攻击[100]防御[122]" data-desc="描述">技能</span>
+level, name, state, desc
+<div class="tier-page">
+      <ul id="ul"><li><div class="ranking-title"><span class="bili-tt" data-type="raw" data-name="缔造环境">T0</span><span></span></div><div class="tier"><div class="children"><div>队伍核心</div><div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div></div></div><div class="children"><div>多面输出</div><div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div></div></div><div class="children"><div>泛用辅助</div><div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div><div class="link">[[File:UiTX_Manuscript_Book_Clan.png|class=img-kk|link=]]</div></div></div></div></li><li><div class="ranking-title"><span>T1</span><span>一线成员</span></div><div class="tier"></div></li><li><div class="ranking-title"><span>T1.5</span><span>比肩T1的优秀战力</span></div><div class="tier"></div></li><li><div class="ranking-title"><span>T2</span><span>用来不错的中坚力量</span></div><div class="tier"></div></li><li><div class="ranking-title"><span>T3</span><span>可以一用</span></div><div class="tier"></div></li><li><div class="ranking-title"><span>T4</span><span>缺卡时姑且能拿来替补</span></div><div class="tier"></div></li><li><div class="ranking-title"><span>T5</span><span>快逃</span></div><div class="tier"></div></li><li><div class="ranking-title"><span>T♾️</span><span>独一档「神」</span></div><div class="tier"></div></li></ul>
+    </div>
 {{#css:
-ul {
+      .tier-page ul {
          list-style: none;
          padding: 0;
        }
-       li {
+       .tier-page li {
          position: relative;
          display: flex;
        }
-       .ranking-title {
+       /* T0 */
+      .tier-page li:nth-child(1) {
+        background-color: rgb(218, 182, 228);
+      }
+      /* T1 */
+      .tier-page li:nth-child(2) {
+        background-color: rgb(242, 176, 175);
+      }
+      /* T1.5 */
+      .tier-page li:nth-child(3) {
+        background-color: rgb(244, 194, 166);
+      }
+      /* T2 */
+      .tier-page li:nth-child(4) {
+        background-color: rgb(250, 245, 190);
+      }
+      /* T3 */
+      .tier-page li:nth-child(5) {
+        background-color: rgb(202, 222, 183);
+      }
+      /* T4 */
+      .tier-page li:nth-child(6) {
+        background-color: rgb(165, 194, 227);
+      }
+      /* T5 */
+      .tier-page li:nth-child(7) {
+        background-color: rgb(192, 192, 191);
+      }
+      /* TZ */
+      .tier-page li:nth-child(8) {
+        background-color: rgb(38, 38, 38);
+      }
+      .tier-page .ranking-title {
          width: 75px;
          min-height: 75px;
@@ 第27行： / 第65行： @@
          /* position: relative; */
        }
-       .ranking-title span:nth-child(2) {
+       .tier-page .ranking-title span:nth-child(2) {
          display: none;
          position: absolute;
@@ 第35行： / 第73行： @@
          left: 0;
        }
-       .ranking-title:hover span:nth-child(2) {
+       .tier-page .ranking-title:hover span:nth-child(2) {
          display: flex;
        }
-       li + li {
+       .tier-page li + li {
          margin-top: 20px;
        }
-       .tier {
+       .tier-page .tier {
+        flex: 1;
          background-color: rgba(243, 223, 167, 1);
+      }
+      .tier-page .children {
+        display: flex;
+        /*
          flex: 1;
          border-radius: 0 5px 5px 0;
+        gap: 20px;
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
+        padding: 20px; */
+      }
+      .tier-page .children > div:nth-child(1) {
+        border-right: 1px solid #eee;
+        display: flex;
+        align-items: center;
+        padding: 0 10px;
+      }
+      .tier-page .children > div:nth-child(2) {
+        flex: 1;
          gap: 20px;
          display: grid;
@@ 第51行： / 第107行： @@
          padding: 20px;
        }
-       .link {
+       .tier-page .link {
          width: 42px;
          height: 42px;
@@ 第57行： / 第113行： @@
          overflow: hidden;
          border-radius: 5px;
+      }
+      .tier-page .children + .children {
+        border-top: 1px solid #eee;
        }
 }}