修改

src/api/allApi.js

@@ -118,6 +118,15 @@ export function orderConfirm(query) {
   })
 }
 
+//首页消息列表
+export function msgList(query) {
+  return request({
+    url: '/mall-msg/page',
+    method: 'get',
+    params:query
+  })
+}
+
 
 export function createNews(data) {
   return request({

src/views/HomeView/Index.vue

@@ -12,27 +12,28 @@
                 </div>
                 <div class="entry-list-container">
                     <div class="tab-header">
-                        <span class="tab-title">公司活动</span>
+                        <span class="tab-title">最新通知</span>
                     </div>
-                    <div class="entry-list">
-                        <div v-for="index in 50" class="list-item">
+                    <el-empty v-if="dataList.length==0" :image-size="200"></el-empty>
+                    <div v-else class="entry-list">
+                        <div v-for="(item,index) in dataList" :key="index" class="list-item">
                             <div class="meta-container">
                                 <div class="user-message">
-                                        活动通知
+                                        系统通知
                                 </div> 
                                 <div class="dividing"></div> 
-                                <div class="date">23天前</div>
+                                <div class="date">{{ item.createTime }}</div>
                             </div>
                             <div class="main">
                                 <div class="info-box">
                                     <div class="title">
-                                        端午活动
+                                        {{ item.title }}
                                     </div> 
                                     <div class="description">
-                                        一年一端午，一岁一安康。今日端午，愿你生活多胜意，事事皆如愿。别忘了吃个粽子，“粽”享人生美味。
+                                        {{ item.subTitle }}
                                     </div>
                                 </div> 
-                                <img src="https://xiaoyou.dgtis.com/images/image/2023/04/23/k7pxk9a436jpnk4qxiia.jpg" alt="端午活动封面" class="lazy thumb">
+                                <img :src="item.imgUrl" :alt="item.title" class="lazy thumb">
                             </div>
                         </div>
                     </div>
@@ -99,23 +100,50 @@
     </div>
 </template>
 <script lang="ts">
-export default {
-  name: 'AppSidebar',
+import { msgList } from "@/api/allApi";
+export default{
   data() {
     return {
         isActive:false,
         circleUrl: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
         bannerList: [
-        {
-            url: require('@/assets/image/banner.png')
-        },
-        {
-            url: require('@/assets/image/banner1.png')
-        }
-      ],
+            {
+                url: require('@/assets/image/banner.png')
+            },
+            {
+                url: require('@/assets/image/banner1.png')
+            }
+        ],
+        dataList:[],
+        page:1,
+        pages:1,
     };
   },
+  created(){
+    // this.getDataList();
+  },
   methods:{
+    
+    getDataList(){
+        let data = {
+            limit:10,
+            page:this.page,
+            type:0,
+        };
+        msgList(data).then(response=>{
+            if(this.page==1){
+                this.dataList = response.data.data.list;
+                this.page = response.data.data.pageNum;
+                this.pages = response.data.data.pages;
+            }else{
+                this.dataList = [
+                    ...this.dataList,
+                    ...response.data.data.list
+                ]
+            }
+            ++this.page  
+        })
+    },
      // 保存滚动值，这是兼容的写法
      handleScroll () {
         var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
@@ -124,6 +152,13 @@ export default {
         }else{
             this.isActive = false
         }
+        if((document.documentElement.scrollTop + window.innerHeight) == document.body.offsetHeight){
+            if(this.page > this.pages){
+                return
+            }else{
+                this.getDataList();
+            }
+        }
     },
   },