From e49094c19e2ef64e31cdf222230678dbe79c92a9 Mon Sep 17 00:00:00 2001
From: lld <15027638633@163.com>
Date: Fri, 27 Mar 2026 19:14:10 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E5=A4=87=E7=8A=B6=E6=80=81ui=E6=8F=90?=
 =?UTF-8?q?=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/news/subpages/deviceCenter/index.vue | 29 +++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/pages/news/subpages/deviceCenter/index.vue b/pages/news/subpages/deviceCenter/index.vue
index 866819a..59ee636 100644
--- a/pages/news/subpages/deviceCenter/index.vue
+++ b/pages/news/subpages/deviceCenter/index.vue
@@ -1,7 +1,13 @@
 <template>
   <view class="message-page">
     <!-- 消息列表 -->
-    <scroll-view scroll-y class="message-list">
+    <scroll-view
+        :scroll-y="true"
+        class="message-list"
+        :refresher-enabled="true"
+        :refresher-triggered="refreshing"
+        @refresherrefresh="onRefresh"
+    >
       <view
           v-for="(item, index) in messageList"
           :key="index"
@@ -35,6 +41,7 @@
 export default {
   data() {
     return {
+      refreshing: false, // 下拉刷新状态（新增）
       messageList: [
         {
           time: '2026-03-26 22:19:00',
@@ -118,6 +125,25 @@ export default {
     },
     getSortDate() {
       return this.messageList.sort((a, b) => new Date(a.time) - new Date(b.time));
+    },
+    // 下拉刷新（新增，最小改动）
+    onRefresh() {
+      this.refreshing = true;
+      // 模拟接口请求延迟
+      setTimeout(() => {
+        // 生成10条新数据
+        const newData = Array.from({ length: 10 }, (_, i) => ({
+          time: '2026-03-27 12:00:00',
+          type: 'champion',
+          avatar: 'https://picsum.photos/id/999/60/60',
+          sender: '新用户' + i,
+          date: '03月27'
+        }));
+        // 插入到列表最前面
+        this.messageList = [...newData, ...this.messageList];
+        // 结束刷新状态
+        this.refreshing = false;
+      }, 800);
     }
   }
 }
@@ -133,6 +159,7 @@ export default {
 /* 消息列表 */
 .message-list {
   padding: 20rpx;
+  height: 100vh; /* 修复scroll-view高度问题 */
 }
 .message-item {
   margin: 30rpx 20rpx;