调整app页面图标样式

pages/index/comp/transient.vue

@@ -22,24 +22,28 @@
                 <!-- 筛选条件 -->
                 <Cn-filterCriteria @select="select" :showQianTree="false"> </Cn-filterCriteria>
             </view>
-            <view
+            <scroll-view
+                scroll-y="true"
+                @refresherrefresh="refresherrefresh"
+                @scrolltolower="scrolltolower"
+                :refresher-triggered="triggered"
+                refresher-enabled="true"
                 class="record event-list mt20"
                 :style="{ height: 'calc(100vh - ' + (navHeight + height) + 'px)', overflow: 'auto' }"
             >
                 <uni-card class="event-item" :class="item.type" v-for="(item, index) in store.data" :key="index">
                     <!-- 头部：图标 + 信息 + 操作 -->
                     <view class="event-header">
-                        <view
-                            class="event-icon"
-                            :style="{ backgroundColor: item.isComplete == 1 ? '#10b98120' : '#FF000020' }"
-                        >
+                        <view class="event-icon">
+                            <!-- :style="{ backgroundColor: item.isComplete == 1 ? '#10b98120' : '#FF000020' }" -->
                             <!-- 动态图标：根据类型切换 -->
-                            <uni-icons
+                            <!-- <uni-icons
                                 custom-prefix="iconfont"
                                 type="icon-baogaoguanli"
                                 size="40"
                                 :color="item.isComplete == 1 ? '#10b981' : '#FF0000'"
-                            ></uni-icons>
+                            ></uni-icons> -->
+                            <Cn-icon-transient :name="`报告`" />
                         </view>
                         <view class="event-info">
                             <view class="event-title">
@@ -81,10 +85,9 @@
                             <text>{{ item.eventNums }}次</text>
                         </view>
                         <view class="device-body-item">
-                            <text>申请状态：</text>
+                            <text>报告状态：</text>
                             <text
                                 :style="{ color: item.isComplete == 1 ? '#10b981' : '#FF0000' }"
-                                style="font-weight: 700"
                                 >{{ item.isComplete == 1 ? '已完成' : '未完成' }}</text
                             >
                         </view>
@@ -102,7 +105,7 @@
                     :status="store.status"
                 ></uni-load-more>
                 <Cn-empty v-else style="top: 30%"></Cn-empty>
-            </view>
+            </scroll-view>
         </view>
     </view>
 </template>
@@ -141,6 +144,7 @@ export default {
                 type: 0,
                 lindId: '',
             },
+            triggered: true,
             userInfo: {},
             height: 0,
             selectValue: {},
@@ -274,8 +278,6 @@ export default {
         },
         // 刷新
         reload() {
-            console.log(123, this.curSub)
-
             switch (this.curSub) {
                 case 0:
                     this.$refs.applyRef.store.reload()
@@ -285,6 +287,20 @@ export default {
                     break
             }
         },
+        // 下拉
+        refresherrefresh() {
+            this.triggered = true
+            uni.startPullDownRefresh()
+            setTimeout(() => {
+                this.triggered = false
+            }, 500)
+        },
+        // 上拉
+        scrolltolower() {
+            if (this.store.status != 'noMore') {
+                this.store.next && this.store.next()
+            }
+        },
     },
     watch: {},
 }
@@ -355,6 +371,12 @@ export default {
         color: #fff;
     }
 }
+.event-list {
+    /* 图标区域（按类型区分背景色） */
+    .event-icon {
+        background-color: #376cf320;
+    }
+}
 .segmented-control {
     flex: 1;
     margin-right: 24rpx;