22

templates/pages/diaoluo.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 }} · 数量：{{ limit }} · 更新时间：{{ update_time }}</div>
+    <div class="data-page__meta">{{ server }} · 数量：{{ limit }} · 更新时间：{{ update_time }}</div>
 
-    <table>
+    <table class="data-table">
         <thead>
             <tr>
                 <th>物品名称</th>
@@ -19,14 +20,13 @@
         <tbody>
         {% for item in items %}
             <tr>
-                <td class="item-col">{{ item.itemName }}</td>
-                <td class="server-col">{{ item.server }}</td>
-                <td class="map-col">{{ item.mapName }}</td>
-                <td class="role-col">{{ item.roleName }}</td>
-                <td class="time-col">{{ item.time }}</td>
+                <td class="data-cell--accent data-cell--medium data-cell--nowrap">{{ item.itemName }}</td>
+                <td class="data-cell--center data-cell--compact data-cell--nowrap">{{ item.server }}</td>
+                <td class="data-cell--max-wide data-cell--wrap">{{ item.mapName }}</td>
+                <td class="data-cell--name data-cell--max-wide data-cell--wrap">{{ item.roleName }}</td>
+                <td class="data-cell--time">{{ item.time }}</td>
             </tr>
         {% endfor %}
         </tbody>
     </table>
 </div>
-