更新 新功能日志样式

src/components/Header.vue

@@ -30,24 +30,27 @@
       <img class="user-icon" src="../assets/user.png" alt="" />
       <div class="user">{{ userName }}</div>
       <el-popover placement="bottom" trigger="hover" :width="240">
-        <el-timeline>
-          <el-timeline-item
-            v-for="item in timelineData"
-            center
-            :timestamp="item.timer"
-            placement="top"
-          >
-            <div class="log-card">
-              <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.text }}
+        <div style="width: 100%; height: 80vh; overflow-y: scroll">
+          <el-timeline>
+            <el-timeline-item
+              v-for="item in timelineData"
+              center
+              :timestamp="item.timer"
+              placement="top"
+            >
+              <div class="log-card">
+                <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.text }}
+                </div>
               </div>
-            </div>
-          </el-timeline-item>
-        </el-timeline>
+            </el-timeline-item>
+          </el-timeline>
+        </div>
+
         <template #reference>
           <el-badge value="new">
             <div class="log">新功能日志</div>
@@ -205,10 +208,7 @@ export default {
       getAbledVersions();
     }
     async function getAbledVersions() {
-      let res = await v
-        .where({ disabled: false, deleted: __.neq(true) })
-        .limit(6)
-        .get();
+      let res = await v.where({ disabled: false, deleted: __.neq(true) }).get();
       timelineData.value = res.data.reverse();
     }
 

src/views/index/Versions.vue

@@ -5,24 +5,27 @@
         >添加版本记录</el-button
       >
       <el-popover placement="bottom" trigger="hover" :width="240">
-        <el-timeline>
-          <el-timeline-item
-            v-for="item in store.state.versions"
-            center
-            :timestamp="item.timer"
-            placement="top"
-          >
-            <div class="log-card">
-              <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.text }}
+        <div style="width: 100%; height: 80vh; overflow-y: scroll">
+          <el-timeline>
+            <el-timeline-item
+              v-for="item in store.state.versions"
+              center
+              :timestamp="item.timer"
+              placement="top"
+            >
+              <div class="log-card">
+                <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.text }}
+                </div>
               </div>
-            </div>
-          </el-timeline-item>
-        </el-timeline>
+            </el-timeline-item>
+          </el-timeline>
+        </div>
+
         <template #reference>
           <el-badge value="new">
             <!-- <div class="log">新功能日志</div> -->