提交代码

pages/message1/transient.vue

@@ -4,8 +4,8 @@
         <view class="transientBox">
             <view class="statistics pd20">
                 <view
-                    class="box"
-                    :class="{ boxClick: filterValue == index }"
+                    class="box boxClick"
+                    :class="{ boxClick1: filterValue == index }"
                     v-for="(item, index) in dataList"
                     @click="
                         filterValue = index
@@ -53,7 +53,7 @@
         >
             <!-- 循环渲染事件项 -->
             <uni-card
-                class="event-item"
+                class="event-item boxClick"
                 :class="judgment(item.showName).type"
                 v-for="(item, index) in store.data || []"
                 :key="index"
@@ -175,21 +175,23 @@ export default {
 
     mounted() {
         this.getConfig()
-        uni.createSelectorQuery()
-            .select('.transientBox')
-            .boundingClientRect((rect) => {
-                //
-                // #ifdef H5
-                this.height = rect?.height + 10 || 0
-                // #endif
-                // #ifdef APP-PLUS
-                this.height = rect?.height + 10 || 0
-                // #endif
-            })
-            .exec()
     },
 
     methods: {
+        getHeight() {
+            uni.createSelectorQuery()
+                .select('.transientBox')
+                .boundingClientRect((rect) => {
+                    //
+                    // #ifdef H5
+                    this.height = rect?.height || 0
+                    // #endif
+                    // #ifdef APP-PLUS
+                    this.height = rect?.height || 0
+                    // #endif
+                })
+                .exec()
+        },
         // 查詢
         init() {
             this.store = this.DataSource('/cs-harmonic-boot/eventUser/queryEventpage')
@@ -211,6 +213,7 @@ export default {
             this.store.params.startTime = this.$util.getMonthFirstAndLastDay(this.selectValue.date).firstDay
             this.store.params.endTime = this.$util.getMonthFirstAndLastDay(this.selectValue.date).lastDay
             this.store.loadedCallback = () => {
+                this.getHeight()
                 this.loading = false
                 queryAppEventCounts(this.store.params).then((res) => {
                     this.dataList[0].value = res.data.allNum