联调app

pages/message1/alarm.vue

@@ -3,7 +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"
@@ -19,7 +26,7 @@
                         <uni-icons
                             custom-prefix="iconfont"
                             type="icon-terminal-box-fill"
-                            size="22"
+                            size="30"
                             color="#FF0000"
                         ></uni-icons>
                         <view class="badge1" v-if="item.isRead == 0"> </view>
@@ -29,7 +36,7 @@
                             <text class="event-id">{{ item.date }}发生告警终端{{ item.warnNums }}台</text>
                         </view>
                     </view>
-                    <view class="event-action"> 🔍 </view>
+                    <view class="event-action">   <uni-icons type="search" size="25"></uni-icons> </view>
                 </view>
             </uni-card>
             <uni-load-more
@@ -37,7 +44,7 @@
                 :status="store.status"
             ></uni-load-more>
             <Cn-empty v-else style="top: 20%"></Cn-empty>
-        </view>
+        </scroll-view>
     </view>
 </template>
 <script>
@@ -57,6 +64,7 @@ export default {
     mixins: [list],
     data() {
         return {
+            triggered: true,
             status: 'noMore', //more加载前  loading加载中 noMore加载后
         }
     },
@@ -74,6 +82,7 @@ export default {
             this.store.loadedCallback = () => {
                 this.loading = false
             }
+
             this.store.reload()
         },
         jump(item) {
@@ -81,6 +90,14 @@ export default {
             item.status = '1'
             uni.navigateTo({ url: '/pages/message1/comp/alarmDetails?detail=' + encodeURIComponent(str) })
         },
+        // 下拉
+        refresherrefresh() {
+            this.triggered = true
+            uni.startPullDownRefresh()
+            setTimeout(() => {
+                this.triggered = false
+            }, 500)
+        },
     },
 
     computed: {},
@@ -123,4 +140,7 @@ export default {
         flex: 1;
     }
 }
+/deep/ .uni-scroll-view-refresher {
+    display: none;
+}
 </style>