修改

src/views/index.vue

@@ -75,7 +75,8 @@
                 </div>
               </div>
               <div class="card-content">
-                <div class="step-list">
+                <el-empty :image-size="50" v-if="notifyMessageList.length <= 0"></el-empty>
+                <div class="step-list" v-else>
                   <div class="step-item" v-for="(item, index) in notifyMessageList" :key="index">
                     <div class="step-title-left" :title="item.templateContent">
                       {{ item.templateContent }}
@@ -256,18 +257,18 @@ export default {
       loading: false,
       // 列表
       notifyMessageList: [
-        {
-          templateContent: 'Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。',
-          createTime: '2024-07-02'
-        },
-        {
-          templateContent: 'Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。',
-          createTime: '2024-07-02'
-        },
-        {
-          templateContent: 'Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。',
-          createTime: '2024-07-02'
-        },
+        // {
+        //   templateContent: 'Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。',
+        //   createTime: '2024-07-02'
+        // },
+        // {
+        //   templateContent: 'Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。',
+        //   createTime: '2024-07-02'
+        // },
+        // {
+        //   templateContent: 'Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。',
+        //   createTime: '2024-07-02'
+        // },
         // {
         //   templateContent:'Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。',
         //   createTime:'2024-07-02'
@@ -291,7 +292,7 @@ export default {
     }
   },
   created() {
-
+    this.getList();
   },
   methods: {
      // 菜单选择事件
@@ -435,7 +436,9 @@ export default {
 }
 </style>
 <style lang="scss" scoped>
-
+.el-empty {
+    padding: 10px 0 !important;
+}
 .dashboard-no-corps {
   align-items: center;
   bottom: 0;