组合票页面优化

pages/combination/distributionCombiChoose/distributionCombiChoose.vue

@@ -15,12 +15,11 @@
 					<view class="merchant-name">
 						{{currentMerchant.name||''}}
 					</view>
-					<u-transition :show="showTransition" :duration='800'>
+					<u-transition :show="showTransition" :duration='600'>
 						<view class="merchant-info-bottom" >
 							<view class="merchant-bottom-left">
 								<view>
-									<text v-if="showBusiness" style="color: #00B42B;">营业中</text>
-									<text v-if="showPauseBusiness" style="color:#F53F3F;">暂停营业</text>
+									<text style="color: #00B42B;">营业时间</text>
 								</view>
 								<view>
 									{{currentMerchant.businessStart?currentMerchant.businessStart.substr(0,5):''}}-
@@ -46,7 +45,6 @@
 							</view>
 						</view>
 					</u-transition>
-					
 				</view>
 				<!-- 列表部分 -->
 				<view class="middle-bottom" :style="middleBottomStyle">
@@ -224,13 +222,12 @@ export default {
       chooseProduct: [], //选中的产品
       showModal: false, //是否显示模态框
       chooseMerchantProduct: '', //不支持多产品购买时，选中的景区产品
-      showBusiness:false,//用于是否显示营业中
-      showPauseBusiness:false,//用于显示暂停营业
       merchantIndex:0,//选中的商家下标
       middleHeight:0,//中间列表盒子高度
       heightArr:[],//元素高度数组
       scrollHeight:0,//中间盒子滚动时的高度
       originHeight:0,//中间盒子原本高度
+      merchantInfoHeight:0,//商家信息高度
       middleInfoStyle:'',//中间盒子上部分样式
       middleBottomStyle:'',//中间盒子下部分样式
       toViewRight:'',//右边滚动到某个元素
@@ -395,20 +392,6 @@ export default {
 		          item.productListCopy = item.productList
               //获取当前商家信息
               this.currentMerchant=item
-              //判断是营业时间还是暂停营业时间
-              let times = new Date().Format('hh:mm:ss')
-              let nowNumber=parseInt(this.$commonjs.changeTime(times))||0
-              let startNumber=parseInt(this.$commonjs.changeTime(item.businessStart))||0
-              let endNumber=parseInt(this.$commonjs.changeTime(item.businessEnd))||0
-              if(startNumber<nowNumber<endNumber){
-                this.showBusiness=true
-                this.showPauseBusiness=false
-              }
-              //由于暂停营业有多种情况，所以另外用一个字段来区分显示隐藏
-              if(nowNumber<startNumber||nowNumber>endNumber){
-                this.showPauseBusiness=true
-                this.showBusiness=false
-              }
 		        } else {
 		          // item.productListCopy = item.productList.slice(0, 2)不要更多，暂时注释
               item.productListCopy = item.productList
@@ -444,7 +427,8 @@ export default {
 						    //获取中间盒子需要滚动时的高度
 						    uni.createSelectorQuery().in(this).select('.merchant-info').boundingClientRect(data => {
 						      if(data){
-						        this.scrollHeight=windowHeight-data.height
+                    this.merchantInfoHeight=data.height
+						        this.scrollHeight=windowHeight-this.merchantInfoHeight
 						      }
 						    }).exec()
                 //获取中间盒子原本高度
@@ -536,11 +520,15 @@ export default {
       //点击左边，全屏先置顶
       this.toViewFull='middle'
       //点击左边，右边可滚动
-      this.middleHeight=this.scrollHeight
       this.merchantIndex=index
-      //加个延时，防止第一次点击时无效果
+      this.middleHeight=this.scrollHeight
+      //加个延时，防止第一次点击时元素样式还未更新，导致不滑动到对应元素
       this.$nextTick(()=>{
+        //this.$nextTick解决苹果手机
+        //settimeout解决安卓手机
+        setTimeout(()=>{
           this.toViewRight='merchant'+index
+        },100)
       })
     },
     //---展示明细弹窗
@@ -557,15 +545,15 @@ export default {
 				    height=data.height-20
             if(e.detail.scrollTop>=height){
               //商家信息固定，中间可滚动，全屏不滚动
-						  this.middleInfoStyle='top:0;position:fixed;'
+						  this.middleInfoStyle='top:0;position:fixed;height:0;padding:0;'
+              this.middleBottomStyle='margin-top:50px;'
               this.middleHeight=this.scrollHeight
-              this.middleBottomStyle='margin-top:50px'
               this.showTransition=false
             }else{
               //商家不固定，中间不可滚动，全屏滚动
-						  this.middleInfoStyle='position:relative;'
+						  this.middleInfoStyle='position:relative;height:auto;padding:10px;'
+              this.middleBottomStyle='margin-top:0;'
               this.middleHeight=this.originHeight
-              this.middleBottomStyle='margin-top:0'
               this.showTransition=true
             } 
 				  }
@@ -784,10 +772,7 @@ export default {
 	border-radius: 24rpx 24rpx 0 0;
 	padding:10px;
 	z-index: 1;
-	transition-property: all;
-	transition-duration: 1s;
-	transition-timing-function: ease;
-	transition-delay: 0s;
+	overflow: hidden;
 }
 .merchant-name{
 	font-size: 18px;
@@ -943,9 +928,11 @@ export default {
 	font-weight: bold;
 	color: #191919;
 	display: flex;
+	align-items: center;
 	justify-content: space-between;
 }
 .product-status {
+	flex-shrink: 0;
 	padding: 6rpx 12rpx;
 	border: 2px solid #f40000;
 	color: #f40000;
@@ -954,7 +941,7 @@ export default {
 	transform: rotate(-25deg);
 	position: relative;
 	top: 30rpx;
-	right: 80rpx;
+	right: 60rpx;
 }
 .product-rule{
 	font-size: 24rpx;

pages/indexs/hghgIndex/hghgIndex - 副本.vue → pages/indexs/hghgIndex/hghgIndex-old.vue

@@ -16,19 +16,19 @@
 					告游客书
 				</view>
 				<view>
-					尊敬的游客、广大市民:
+					尊敬的游客、广大市民：
 				</view>
 				<view>
 					<text>
-						景区开放时间:
+						开放时间：
 					</text>
-					{{openTime}}(21:00停止售票入馆)。
+					{{openTime}}
 				</view>
 				<view>
 					<text>
-						博物馆开放日多媒体设备运行时间:
+						博物馆开放日多功能设备运行时间：
 					</text>
-					09:30 - 12:30；14:30 - 17:30；19:30-21:30（根据景区当天实际情况为准）
+					09:30 - 12:30；14:30 - 17:30，（根据景区当天实际情况为准）
 				</view>
 				<view>
 					<text>
@@ -91,6 +91,7 @@ export default {
 		  this.$request('scenic/user/merchant/findDetailInfo',data).then((res)=>{
 		    if(res.code=='00'){
 		      let data=res.data.merchantTitleData||[]
+          console.log(data)
 		      data.forEach(item => {
 		        if (item.titleCode == 'scenic_base_info') {
 		          //基本信息

pages/indexs/hghgIndex/hghgIndex.vue

@@ -16,19 +16,19 @@
 					告游客书
 				</view>
 				<view>
-					尊敬的游客、广大市民：
+					尊敬的游客、广大市民:
 				</view>
 				<view>
 					<text>
-						开放时间：
+						景区开放时间:
 					</text>
-					{{openTime}}(18:00停止售票入馆)
+					{{openTime}}。
 				</view>
 				<view>
 					<text>
-						博物馆开放日多功能设备运行时间：
+						博物馆开放日多媒体设备运行时间:
 					</text>
-					09:30 - 12:30；14:30 - 17:30，（根据景区当天实际情况为准）
+					09:30 - 12:30；14:30 - 17:30；19:30-21:30（根据景区当天实际情况为准）
 				</view>
 				<view>
 					<text>