帮助

src/views/system/version/data.js

@@ -0,0 +1,73 @@
+import {MoreFilled} from '@element-plus/icons-vue'
+
+export const data = [
+  {
+    timestamp: '2025/02/20',
+    type: 'primary',
+    icon: MoreFilled,
+    version: 'V1.1.3',
+    content: [
+      {
+        item: '库区用户'
+      },
+      {
+        item: '交收库管理'
+      },
+      {
+        item: '...'
+      },
+    ]
+  },
+  {
+    timestamp: '2025/02/10',
+    type: 'primary',
+    icon: MoreFilled,
+    version: 'V1.1.2',
+    content: [
+      {
+        item: '可视化'
+      },
+      {
+        item: '交收库管理'
+      },
+      {
+        item: '...'
+      },
+    ]
+  },
+  {
+    timestamp: '2025/02/05',
+    type: 'primary',
+    icon: MoreFilled,
+    version: 'V1.1.1',
+    content: [
+      {
+        item: '交收库选择'
+      },
+      {
+        item: '交收库管理'
+      },
+      {
+        item: '...'
+      },
+    ]
+  },
+  {
+    timestamp: '2025/02/01',
+    type: 'primary',
+    icon: MoreFilled,
+    version: 'V1.0',
+    content: [
+      {
+        item: '登录、注册'
+      },
+      {
+        item: '系统管理'
+      },
+      {
+        item: '...'
+      },
+    ]
+  },
+
+]

src/views/system/version/index.vue

@@ -1,11 +1,30 @@
-<script lang="ts" setup>
-
-</script>
-
 <template>
-  <div>Banben</div>
+  <ContentWrap>
+    <el-timeline>
+      <el-timeline-item
+
+        v-for="(item, index) in activities" :key="index" :icon="item.icon" :timestamp="item.timestamp"
+        :type="item.type" placement="top">
+        <el-card shadow="never" style="background: rgb(244, 246, 250)">
+          <h2 style="margin: 4px 0px 8px 0px">版本号: {{ item.version }}</h2>
+          <p v-for="(text, i) in item.content" :key="i" style="margin: 0px; font-size: 14px;line-height: 30px">
+            <span> {{ i + 1 + '. ' + text.item }}</span>
+          </p>
+        </el-card>
+      </el-timeline-item>
+    </el-timeline>
+  </ContentWrap>
 </template>
 
-<style lang="scss" scoped>
+<script setup>
+import {data} from './data.js'
+
+const activities = data
+</script>
 
+<style lang="scss" scoped>
+::v-deep .el-timeline-item__timestamp {
+  color: rgba(0, 0, 0, 0.53);
+  font-size: 13px;
+}
 </style>