22

templates/pages/shilianpaixing.html

@@ -1,11 +1,12 @@
 {# template-title: 试炼排行 #}
+{# template-components: data-table #}
 
 
-<div class="container">
+<div class="container data-page">
     <h1>{{ name }} 试炼排行</h1>
-    <div class="meta">{{ server }} ｜ 更新时间：{{ update_time }}</div>
+    <div class="data-page__meta">{{ server }} ｜ 更新时间：{{ update_time }}</div>
 
-    <table>
+    <table class="data-table">
         <thead>
             <tr>
                 <th>排名</th>
@@ -19,14 +20,13 @@
         <tbody>
         {% for item in items %}
             <tr>
-                <td class="rank-col">{{ loop.index }}</td>
-                <td class="role-col">{{ item.role_name }}</td>
-                <td class="number-col">{{ item.equip_score }}</td>
-                <td class="number-col">{{ item.max_level }}</td>
-                <td class="number-col score-col">{{ item.total_score }}</td>
+                <td class="data-cell--rank">{{ loop.index }}</td>
+                <td class="data-cell--name data-cell--wide">{{ item.role_name }}</td>
+                <td class="data-cell--center data-cell--nowrap data-cell--numeric">{{ item.equip_score }}</td>
+                <td class="data-cell--center data-cell--nowrap data-cell--numeric">{{ item.max_level }}</td>
+                <td class="data-cell--score">{{ item.total_score }}</td>
             </tr>
         {% endfor %}
         </tbody>
     </table>
 </div>
-