展开和收起操作

zhiyangdu
1 parent f0466fb5
Showing 3 changed files with 33 additions and 15 deletions
src/components/giftGivingItem/giftGivingItem.vue
src/components/receivingGiftsItem/receivingGiftsItem.vue
src/pages/myGiftBox/myGiftBox.vue
@@ -81,9 +81,9 @@
                     </div>
                 </div>
                 <!-- 展开和折叠按钮 -->
-                <div class="fold_box" @click.stop="onLoginMore">
+                <div class="fold_box" @click.stop="onLoginMore(item)">
                     <div class="fold">
-                    共五件 <div :class="[triangle?'triangle_top':'triangle_bottom']"> </div> 
+                    共五件 <div :class="[item.triangle?'triangle_top':'triangle_bottom']"> </div> 
                     </div>
                 </div>
                 <!-- 显示文字 -->
@@ -146,7 +146,7 @@
 export default {
     name: "giftGivingItem",
     data() {
-        return {triangle:false};
+        return {};
     },
     props: ["giftGivingItem", "isData"],
     created() {},
@@ -176,9 +176,8 @@ export default {
             this.$emit("OrderLink");
         },
         // 展开加载更多
-        onLoginMore(){
-            this.triangle = !this.triangle;
-
+        onLoginMore(item){
+            this.$set(item,'triangle', !item.triangle)
         }
     }
 };
@@ -90,7 +90,7 @@
                         </div>
                     </div>
                 </div>
-                <div v-show="triangle" class="item_info">
+                <div v-show="item.triangle" class="item_info">
                     <img
                         v-if="item && item.goods && item.goods.simg"
                         v-lazy="item.goods.simg"
@@ -129,12 +129,12 @@
                     </div>
                 </div>
                 <!-- 展开和折叠按钮 -->
-                <div class="fold_box" @click.stop="onLoginMore">
+                <div class="fold_box" @click.stop="onLoginMore(item)">
                     <div class="fold">
                         共五件
                         <div
                             :class="[
-                                triangle ? 'triangle_top' : 'triangle_bottom'
+                                item.triangle ? 'triangle_top' : 'triangle_bottom'
                             ]"
                         ></div>
                     </div>
@@ -159,9 +159,7 @@
 export default {
     name: "receivingGiftsInfo",
     data() {
-        return {
-            triangle: false // 三角型号false向下true向上
-        };
+        return {};
     },
     props: ["receivingGiftsInfo", "isData"],
     created() {},
@@ -187,8 +185,8 @@ export default {
             this.$emit("OrderLink");
         },
         // 展开加载更多
-        onLoginMore() {
-            this.triangle = !this.triangle;
+        onLoginMore(item) {
+           this.$set(item,"triangle", !item.triangle)
         }
     }
 };
@@ -36,7 +36,8 @@
                 </div>
                 <!-- 筛选 -->
                 <div
-                    @click="popupShow = true"
+                    @close="closePopup"
+                    @click="onScreen"
                     class="screen_box"
                 >
                     <div>筛选</div>
@@ -336,6 +337,26 @@ export default {
             }
         },
         /**
+         * 筛选
+         */
+        onScreen(){
+            // 显示右侧抽屉
+            this.popupShow = true
+            if(this.active == 1){
+                 // 调用im是否显示隐藏1显示im聊天弹窗0不显示
+                this.setGiftBottomVisibleBySwitchTab(0);
+            }
+        },
+        /**
+         * 关闭筛选抽屉
+         */
+        closePopup(){
+            if(this.active == 1){
+                 // 调用im是否显示隐藏1显示im聊天弹窗0不显示
+                this.setGiftBottomVisibleBySwitchTab(1);
+            }
+        },
+        /**
          * 选中按钮事件
          */
         changBtn(item) {