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>
+|类型=123124
-            <span></span>
+|角色中文名1=2B
-          </div>
+|角色评价1=123
-         </li>
+|角色中文名2=2B
-       </ul>
+|角色评价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:
+      .tier-page ul {
+        list-style: none;
+        padding: 0;
+      }
+      .tier-page li {
+        position: relative;
+        display: flex;
+      }
+      /* 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;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 5px 0 0 5px;
+        /* position: relative; */
+      }
+      .tier-page .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;
+      }
+      .tier-page .ranking-title:hover span:nth-child(2) {
+        display: flex;
+      }
+      .tier-page li + li {
+        margin-top: 20px;
+      }
+      .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;
+        grid-template-columns: repeat(auto-fill, minmax(42px, 1fr));
+        padding: 20px;
+      }
+      .tier-page .link {
+        width: 42px;
+        height: 42px;
+        border: 2px solid rgba(30, 23, 33, 1);
+        overflow: hidden;
+        border-radius: 5px;
+      }
+      .tier-page .children + .children {
+        border-top: 1px solid #eee;
+      }
+}}