Procházet zdrojové kódy

Signed-off-by: liuboyan <632697560@qq.com>
bug

liuboyan před 4 roky
rodič
revize
fa1bf15d90
1 změnil soubory, kde provedl 15 přidání a 5 odebrání
  1. 15 5
      pagesGood/shopDetails.vue

+ 15 - 5
pagesGood/shopDetails.vue

@@ -19,8 +19,8 @@
 			<u-tabs :list="tabList" :is-scroll="false" :current="tabIndex" @change="changeTabs" font-size="30" active-color="#52A63A"
 			 inactive-color="#666666" :bold="false" height="90" bar-width="80"></u-tabs>
 		</view>
-		<view class="shop-sort" v-show="!tabIndex">
-			<u-dropdown active-color="#52A63A">
+		<view class="shop-sort" :class="dropShow ? 'visibility-drop' : 'hidden-drop'" v-show="!tabIndex">
+			<u-dropdown active-color="#52A63A" @close="dropShow = false" @open="dropShow = true">
 				<u-dropdown-item v-model="goodSort" title="新品" :options="options1" @change="changeSort()"></u-dropdown-item>
 				<u-dropdown-item v-model="goodSort" title="价格" :options="options2" @change="changeSort()"></u-dropdown-item>
 				<u-dropdown-item v-model="goodSort" title="销量" :options="options3" @change="changeSort()"></u-dropdown-item>
@@ -109,6 +109,7 @@
 						value: 5
 					}
 				],
+				dropShow: false,
 				pageIndex1: 1,
 				isOver1: false,
 				allGoodsList: [],
@@ -334,12 +335,21 @@
 			float: left;
 			background-color: #FFFFFF;
 
+			/deep/.u-dropdown__content__mask {
+				visibility: hidden;
+			}
+		}
+
+		.visibility-drop {
 			/deep/.u-dropdown__content {
-				z-index: 100!important;
+				z-index: 100 !important;
 				min-height: 106px;
 			}
-			/deep/.u-dropdown__content__mask {
-				visibility: hidden;
+		}
+
+		.hidden-drop {
+			/deep/.u-dropdown__content {
+				display: none;
 			}
 		}