湖广会馆购票须知处理

pages/combination/distributionCombiChoose/distributionCombiChoose.vue

@@ -10,8 +10,8 @@
 				</u-swiper>
 			</view>
 			<view class="middle" id="middle">
-				<!-- 商家信息部分 -->
-				<view class="merchant-info" :style="middleInfoStyle">
+				<!-- 中间上面部分 -->
+				<view class="middle-top" :style="middleTopStyle">
 					<view class="merchant-name">
 						{{currentMerchant.name||''}}
 					</view>
@@ -46,6 +46,7 @@
 						</view>
 					</u-transition>
 				</view>
+				
 				<!-- 列表部分 -->
 				<view class="middle-bottom" :style="middleBottomStyle">
 					<!-- 左边滚动条 -->
@@ -136,6 +137,7 @@
 					</scroll-view>
 				</view>
 				
+				
 			</view>
 			<view class="bottom">
 				<view class="bottom-left" @click="showCustomer()">
@@ -227,8 +229,7 @@ export default {
       heightArr:[],//元素高度数组
       scrollHeight:0,//中间盒子滚动时的高度
       originHeight:0,//中间盒子原本高度
-      merchantInfoHeight:0,//商家信息高度
-      middleInfoStyle:'',//中间盒子上部分样式
+      middleTopStyle:'',//中间盒子上部分样式
       middleBottomStyle:'',//中间盒子下部分样式
       toViewRight:'',//右边滚动到某个元素
       toViewLeft:'',//左边滚动到某个元素
@@ -425,10 +426,9 @@ export default {
 						  complete:(info)=> {
                 let windowHeight=info.windowHeight||753
 						    //获取中间盒子需要滚动时的高度
-						    uni.createSelectorQuery().in(this).select('.merchant-info').boundingClientRect(data => {
+						    uni.createSelectorQuery().in(this).select('.middle-top').boundingClientRect(data => {
 						      if(data){
-                    this.merchantInfoHeight=data.height
-						        this.scrollHeight=windowHeight-this.merchantInfoHeight
+						        this.scrollHeight=windowHeight-data.height
 						      }
 						    }).exec()
                 //获取中间盒子原本高度
@@ -542,16 +542,20 @@ export default {
         uni.createSelectorQuery().in(this).select('.banner').boundingClientRect(data => {
 				  if(data){
 				    //20=中间盒子top:-20的值
+				    // height=data.height-70
             height=data.height-20
             if(e.detail.scrollTop>=height){
-              //商家信息固定，中间可滚动，全屏不滚动
-						  this.middleInfoStyle='top:0;position:fixed;height:0;padding:0;'
+              //中间上部分固定，中间下部分可滚动，全屏不滚动
+              this.middleTopStyle='top:0;position:fixed;'
               this.middleBottomStyle='margin-top:50px;'
               this.middleHeight=this.scrollHeight
               this.showTransition=false
+              
+						  
             }else{
-              //商家不固定，中间不可滚动，全屏滚动
-						  this.middleInfoStyle='position:relative;height:auto;padding:10px;'
+              console.log(e.detail.scrollTop)
+              //中间上部分不固定，中间下部分不可滚动，全屏滚动
+              this.middleTopStyle='position:relative;'
               this.middleBottomStyle='margin-top:0;'
               this.middleHeight=this.originHeight
               this.showTransition=true
@@ -766,7 +770,7 @@ export default {
 	top: -20px;
 }
 // 中间上部分
-.merchant-info{
+.middle-top{
 	width: 100%;
 	background: #ffffff;
 	border-radius: 24rpx 24rpx 0 0;