更新 版本日志

src/components/Header.vue

@@ -6,7 +6,7 @@
       <img class="logo" src="../assets/white-logo.png" alt="" />
       <div
         class="ml20"
-        style="color: #fff; font-size: 12px; height: 60px; padding-top: 50px"
+        style="color: #fff; font-size: 18px; height: 60px; padding-top: 50px"
       >
         version：{{ timelineData[0].version }}
       </div>
@@ -29,7 +29,7 @@
       </div>
       <img class="user-icon" src="../assets/user.png" alt="" />
       <div class="user">{{ userName }}</div>
-      <el-popover placement="bottom" trigger="hover" :width="160">
+      <el-popover placement="bottom" trigger="hover" :width="240">
         <el-timeline>
           <el-timeline-item
             v-for="item in timelineData"
@@ -38,8 +38,13 @@
             placement="top"
           >
             <div class="log-card">
-              <p style="margin-bottom: 5px">Version: {{ item.version }}</p>
-              <p>{{ item.remark }}</p>
+              <p style="margin-bottom: 10px">Version: {{ item.version }}</p>
+              <div
+                style="margin-bottom: 5px; font-size: 12px"
+                v-for="(item1, index) in item.remarks"
+              >
+                {{ index + 1 }}. {{ item1 }}
+              </div>
             </div>
           </el-timeline-item>
         </el-timeline>
@@ -152,14 +157,33 @@ export default {
       }, 2 * 60 * 1000);
     });
 
-    let timelineData = ref([
-      { timer: "2022/02/7", version: "1.2.13.1", remark: "版本日志功能更新" },
+    let vs = [
       {
-        timer: "2022/01/24",
         version: "1.2.13.0",
-        remark: "磅单上传;下载卸货记录",
+        timer: "	2022/2/9",
+        remarks: [
+          "优化船舶轨迹测算算法",
+          "优化船舶预计到港时间测算算法",
+          "优化航次状态预测算法",
+        ],
       },
-    ]);
+      {
+        version: "1.2.14.0",
+        timer: "	2022/2/11",
+        remarks: ["更新保险保单上传接口", "更新装卸单据展示方式"],
+      },
+      {
+        version: "1.3.0.0	",
+        timer: "2022/2/11",
+        remarks: [
+          "发布浙江物产货主版管理平台",
+          "发布货损数据采集接口",
+          "发布货损智能分析报告",
+        ],
+      },
+    ];
+    let timelineData = ref([]);
+    timelineData.value = vs.reverse();
 
     const size = 20;
     return {