联调app

pages/message1/run.vue

@@ -3,8 +3,14 @@
         <!-- 运行事件 -->
 
         <!-- 卡片 -->
-        <view
-            class="event-list" :style="{ height: 'calc(100vh - ' + (navHeight + 10) + 'px)', overflow: 'auto' }">
+        <scroll-view
+            scroll-y="true"
+            @refresherrefresh="refresherrefresh"
+            :refresher-triggered="triggered"
+            refresher-enabled="true"
+            class="event-list"
+            :style="{ height: 'calc(100vh - ' + (navHeight + 10) + 'px)', overflow: 'auto' }"
+        >
             <!-- 循环渲染事件项 -->
             <uni-card
                 class="event-item"
@@ -17,7 +23,7 @@
                 <view class="event-header">
                     <view class="event-icon">
                         <!-- 动态图标：根据类型切换 -->
-                        <uni-icons custom-prefix="iconfont" type="icon-shebei" size="30" color="#10B981"></uni-icons>
+                        <uni-icons custom-prefix="iconfont" type="icon-shebei" size="35" color="#10B981"></uni-icons>
                         <view class="badge1" v-if="item.status == 0"> </view>
                     </view>
                     <view class="event-info">
@@ -27,12 +33,13 @@
                         <view class="event-desc">
                             <text>工程名称：{{ item.engineeringName }}</text>
                             <text>项目名称：{{ item.projectName }}</text>
+                            <text>事件时间：{{ item.startTime }}</text>
                         </view>
                     </view>
                 </view>
                 <!-- 详情区域 -->
                 <view class="event-detail">
-                    <text> 于{{ item.startTime }}发生{{ item.showName }} </text>
+                    <text> {{ item.showName }} </text>
                 </view>
             </uni-card>
             <uni-load-more
@@ -40,7 +47,7 @@
                 :status="store.status"
             ></uni-load-more>
             <Cn-empty v-else style="top: 20%"></Cn-empty>
-        </view>
+        </scroll-view>
     </view>
 </template>
 <script>
@@ -60,7 +67,9 @@ export default {
     },
     mixins: [list],
     data() {
-        return {}
+        return {
+             triggered: true,
+        }
     },
     mounted() {},
 
@@ -91,6 +100,14 @@ export default {
                 this.$emit('getDevCount')
             }
         },
+        // 下拉
+        refresherrefresh() {
+            this.triggered = true
+            uni.startPullDownRefresh()
+            setTimeout(() => {
+                this.triggered = false
+            }, 500)
+        },
     },
 
     computed: {},
@@ -118,10 +135,13 @@ export default {
 
     /* 图标区域（按类型区分背景色） */
     .event-icon {
-        width: 90rpx;
-        height: 90rpx;
+        // width: 90rpx;
+        // height: 90rpx;
 
         background-color: #10b98120;
     }
 }
+/deep/ .uni-scroll-view-refresher {
+    display: none;
+}
 </style>