11

templates/jiaoyihang.html

@@ -55,6 +55,13 @@
             font-weight: 600;
             color: #4a90e2;
         }
+        .item-icon {
+            width: 20px;
+            height: 20px;
+            margin-right: 8px;
+            vertical-align: middle;
+            border-radius: 4px; /* 图标圆角，看起来更舒服 */
+        }
         .update-time {
             color: #6c757d;
             font-size: 14px;
@@ -62,6 +69,7 @@
         .table-container {
             padding: 0 30px 30px 30px;
             overflow-x: auto;
+            text-align: center;
         }
         table {
             width: 100%;
@@ -77,7 +85,7 @@
             padding: 16px 20px;
             text-align: left;
             font-weight: 500;
-            font-size: 16px;
+            font-size: 20px;
             position: sticky;
             top: 0;
         }
@@ -90,7 +98,7 @@
         td {
             padding: 14px 20px;
             border-bottom: 1px solid #e9ecef;
-            font-size: 15px;
+            font-size: 18px;
             color: #495057;
         }
         tr:nth-child(even) {
@@ -145,24 +153,29 @@
         
         <div class="summary">
             <div class="items-count">共找到 <strong>{{ items|length }}</strong> 件物品</div>
-            <div class="update-time">数据更新时间: {{ update_time }}</div>
+            <div class="update-time">数据查询时间: {{ update_time }}</div>
         </div>
         
         <div class="table-container">
             <table>
                 <thead>
                     <tr>
-                        <th style="width: 55%;">物品名称</th>
-                        <th style="width: 25%; text-align: right;">最低价</th>
-                        <th style="width: 20%; text-align: center;">数量</th>
+                        <th style="width: 40%; text-align: center">物品名称</th>
+                        <th style="width: 25%; text-align: center;">最低价</th>
+                        <th style="width: 15%; text-align: center;">总数量</th>
+                        <th style="width: 20%; text-align: center;">数据更新时间</th>
                     </tr>
                 </thead>
                 <tbody>
                     {% for item in items %}
                     <tr>
-                        <td class="item-name">{{ item.name }}</td>
-                        <td class="price">{{ item.price }}</td>
-                        <td class="sample">{{ item.sample_size }}</td>
+                        <td class="item-name">
+                            <img src="{{ item.IconID }}" alt="icon" class="item-icon">
+                            {{ item.Name }}
+                        </td>
+                        <td class="AvgPrice">{{ item.AvgPrice }}</td>
+                        <td class="SampleSize">{{ item.SampleSize }}</td>
+                        <td class="Date">{{ item.Date }}</td>
                     </tr>
                     {% endfor %}
                 </tbody>