组合票优化，湖广会馆购票须知处理

pages/combination/distributionCombiChoose/distributionCombiChoose.vue

@@ -9,14 +9,14 @@
 						</view>
 				</u-swiper>
 			</view>
-			<view class="middle" id="middle">
+			<view class="middle" :style="middleStyle">
 				<!-- 中间上面部分 -->
-				<view class="middle-top" :style="middleTopStyle">
+				<view class="middle-top">
 					<view class="merchant-name">
 						{{currentMerchant.name||''}}
 					</view>
 					<u-transition :show="showTransition" :duration='600'>
-						<view class="merchant-info-bottom" id='info-bottom' >
+						<view class="merchant-info-bottom">
 							<view class="merchant-bottom-left">
 								<view>
 									<text style="color: #00B42B;">营业时间</text>
@@ -48,7 +48,7 @@
 				</view>
 				
 				<!-- 列表部分 -->
-				<view class="middle-bottom" :style="middleBottomStyle">
+				<view class="middle-bottom" id="middle-bottom">
 					<!-- 左边滚动条 -->
 					<scroll-view class="scroll-left" :style="{height:scrollHeight+'px'}" :scroll-into-view="toViewLeft" scroll-y>
 						<view class="middle-left">
@@ -58,7 +58,7 @@
 						</view>
 					</scroll-view>
 					<!-- 右边滚动条 -->
-					<scroll-view  @scroll="scrollRight" :style="{height:middleHeight+'px'}" :scroll-into-view="toViewRight" scroll-y>
+					<scroll-view class="scroll-right" @scroll="scrollRight" :style="{height:middleHeight+'px'}" :scroll-into-view="toViewRight" scroll-y>
 						<view class="middle-right">
 							<checkbox-group @change="checkboxChange" class="checkbox-box">
 								<view class="merchantlist-wrap" :id="'merchant'+index" v-for="(item, index) in scenicList" :key="index">
@@ -139,7 +139,7 @@
 				
 				
 			</view>
-			<view class="bottom">
+			<view class="bottom" :style="bottomStyle">
 				<view class="bottom-left" @click="showCustomer()">
 					<u-icon name="chat" size="42"></u-icon>
 					客服
@@ -235,8 +235,6 @@ export default {
       merchantIndex:0,//选中的商家下标
       middleHeight:0,//中间列表盒子高度
       heightArr:[],//元素高度数组
-      middleTopStyle:'',//中间盒子上部分样式
-      middleBottomStyle:'',//中间盒子下部分样式
       toViewRight:'',//右边滚动到某个元素
       toViewLeft:'',//左边滚动到某个元素
       toViewFull:'',//全屏滚动到某个元素
@@ -246,6 +244,8 @@ export default {
       middleTopHeight:0,//中间盒子上部分高度
       topHeight:0,//上面状态栏+上面导航栏总高度
       tabbarOpacity:0,//导航栏透明度
+      bottomStyle:'',//处理苹果手机的横线，单独增加一个样式
+      middleStyle:'',//中间盒子样式，单独增加一个样式
     }
   },
   watch: {
@@ -321,6 +321,12 @@ export default {
     let statusBarHeight = uni.getSystemInfoSync().statusBarHeight // 状态栏高度
     let capsule = uni.getMenuButtonBoundingClientRect() // 胶囊大小、位置数据
     this.topHeight =statusBarHeight+(capsule.top - statusBarHeight) * 2 + capsule.height//整个上部分总高度
+    //处理苹果手机下面有根横线，影响选中产品明细的操作
+    let platform = uni.getSystemInfoSync().platform
+    if(platform=='ios'){
+      this.bottomStyle='height:140rpx;'
+      this.middleStyle='padding-bottom:140rpx;'
+    }
   },
   onShow() {
     //清空之前选中的数据以及状态
@@ -534,7 +540,7 @@ export default {
     //---商家下标切换
     merchantTabChange(index){
       //点击左边，全屏先置顶
-      this.toViewFull='middle'
+      this.toViewFull='middle-bottom'
       //点击左边，右边可滚动
       this.merchantIndex=index
       this.middleHeight=this.scrollHeight
@@ -558,9 +564,10 @@ export default {
         let scrollTop=e.detail.scrollTop
         uni.createSelectorQuery().in(this).select('.banner').boundingClientRect(data => {
 				  if(data){
-            //middleTopHeight中间盒子上部分高度，topHeight为顶部导航栏和状态栏高度和，20为中间盒子的top-20
-            height=data.height+this.middleTopHeight-this.topHeight-20
-            this.tabbarOpacity=scrollTop/(data.height-this.topHeight)
+            //30为中间盒子的top-20和滚动条的margintop值(可以根据效果进行微调，过小可能引起上下一直抖动)
+            height=data.height+this.middleTopHeight-this.topHeight-30
+            let opacity=scrollTop/(data.height)
+            this.tabbarOpacity=parseFloat(opacity.toFixed(2))
             if(scrollTop>=height){
             //中间上部分固定，中间下部分可滚动，全屏不滚动
               this.middleHeight=this.scrollHeight
@@ -851,7 +858,10 @@ export default {
 .scroll-left{
 	width: 130rpx;
 	flex-shrink: 0;
-	margin: 24rpx 24rpx 0 0;
+	padding: 12px 24rpx 0 0;
+}
+.scroll-right{
+	
 }
 .middle-left{
 	font-size: 24rpx;
@@ -873,7 +883,7 @@ export default {
 }
 .merchantlist-wrap{
 	background: #f7f7f7;
-	padding-top: 24rpx;
+	padding-top:24rpx;
 }
 .merchantlist {
 	border-radius: 20rpx;

pages/indexs/hghgIndex/hghgIndex.vue

@@ -18,29 +18,11 @@
 				<view>
 					尊敬的游客、广大市民:
 				</view>
-				<view>
-					<text>
-						景区开放时间:
-					</text>
-					{{openTime}}。
-				</view>
-				<view>
-					<text>
-						博物馆开放日多媒体设备运行时间:
-					</text>
-					09:30 - 12:30；14:30 - 17:30；19:30-21:30（根据景区当天实际情况为准）
-				</view>
-				<view>
+				<view v-for="(item,index) in extendInfo" :key="index">
 					<text>
-						免费人群：
+						{{item.extendInfoKey}}:
 					</text>
-					需出示身份证及有效证件原件前往检票处登记入园。
-				</view>
-				<view>
-					<text>
-						退票须知：
-					</text>
-					随时可退，过期未核销自动退。
+					{{item.extendInfoValue}}。
 				</view>
 				<view style="margin-top: 48rpx;display: flex;justify-content: center;">
 					<text class="button" @click.stop="goBuy()">立即购票</text>
@@ -56,8 +38,8 @@ export default {
     return {
       urlQuery:'',
       showKnow:false,
-      openTime:'',//开放时间
       merchantId:'',//商户Id
+      extendInfo:[],//扩展信息
     }
   },
   onLoad(option) {
@@ -90,18 +72,7 @@ export default {
 		  }
 		  this.$request('scenic/user/merchant/findDetailInfo',data).then((res)=>{
 		    if(res.code=='00'){
-		      let data=res.data.merchantTitleData||[]
-		      data.forEach(item => {
-		        if (item.titleCode == 'scenic_base_info') {
-		          //基本信息
-		          item.merchantChildTitleData.forEach(item2=> {
-		            if (item2.childTitleCode == '101001') {
-		              //开放时间
-		              this.openTime = item2.contentList[0].content
-		            }
-		          })
-		        }
-          })
+		      this.extendInfo=res.data.extendInfo||[]
 		    }else{
 		      uni.showToast({
 		        title: res.message,