Commit 0e3ed4bf authored by 潘永坪's avatar 潘永坪

组合票bug处理

parent 70ced662
...@@ -194,8 +194,8 @@ ...@@ -194,8 +194,8 @@
</u-popup> </u-popup>
<!-- 自定义导航栏 --> <!-- 自定义导航栏 -->
<!--#ifdef MP-WEIXIN--> <!--#ifdef MP-WEIXIN-->
<view class="tabbar" :style="{height:topHeight+'px',opacity:tabbarOpacity}" > <view class="tabbar" :style="{height:tabbarHeight+'px',opacity:tabbarOpacity,maxHeight:(topHeight+40)+'px'}" >
<view class="tabbar-title"> <view class="tabbar-title" :style="{top:(topHeight-32)+'px'}">
<u-icon @click="goTop()" name="arrow-left" color="#333333" size="48"></u-icon> <u-icon @click="goTop()" name="arrow-left" color="#333333" size="48"></u-icon>
<text>选择产品</text> <text>选择产品</text>
<text></text> <text></text>
...@@ -252,6 +252,7 @@ export default { ...@@ -252,6 +252,7 @@ export default {
middleTopHeight:0,//中间盒子上部分高度 middleTopHeight:0,//中间盒子上部分高度
topHeight:0,//上面状态栏+上面导航栏总高度 topHeight:0,//上面状态栏+上面导航栏总高度
tabbarOpacity:0,//导航栏透明度 tabbarOpacity:0,//导航栏透明度
tabbarHeight:'',//导航栏高度
} }
}, },
watch: { watch: {
...@@ -548,7 +549,7 @@ export default { ...@@ -548,7 +549,7 @@ export default {
}).exec() }).exec()
// #endif // #endif
} }
let windowHeight=uni.getWindowInfo().screenHeight||1100 let windowHeight=uni.getWindowInfo().screenHeight||1300
//60为底部高度 //60为底部高度
this.scrollHeight=windowHeight-60-this.topHeight this.scrollHeight=windowHeight-60-this.topHeight
}) })
...@@ -640,14 +641,22 @@ export default { ...@@ -640,14 +641,22 @@ export default {
let scrollTop=e.detail.scrollTop let scrollTop=e.detail.scrollTop
let selectFun=(data)=>{ let selectFun=(data)=>{
if(data){ if(data){
//10为中间盒子的top-10 //10为中间盒子的top-10,50是一个安全值,防止个别手机出现抖动,并可以防止滑动时会出现往下抖动一次的效果
height=data.height+this.middleTopHeight-10-this.topHeight height=data.height+this.middleTopHeight-10-this.topHeight-50
let opacity=scrollTop/(data.height) let opacity=scrollTop/150
this.tabbarOpacity=parseFloat(opacity.toFixed(2)) this.tabbarOpacity=parseFloat(opacity.toFixed(2))
if(this.tabbarOpacity<0.1){
//出现小数时,防止有残影
this.tabbarOpacity0
}
//下面值取整数,防止部分手机取值太多小数,出现抖动的bug //下面值取整数,防止部分手机取值太多小数,出现抖动的bug
if(parseInt(scrollTop)>=parseInt(height)){ if(parseInt(scrollTop)>=parseInt(height)){
//中间上部分固定,中间下部分可滚动,全屏不滚动 //中间上部分固定,中间下部分可滚动,全屏不滚动
this.rightHeight=this.scrollHeight this.rightHeight=this.scrollHeight
//动态改变导航栏高度
uni.createSelectorQuery().in(this).select('.middle-top').boundingClientRect(data => {
this.tabbarHeight=data.bottom
}).exec()
}else{ }else{
//中间上部分不固定,中间下部分不可滚动,全屏滚动' //中间上部分不固定,中间下部分不可滚动,全屏滚动'
this.rightHeight=this.originHeight this.rightHeight=this.originHeight
...@@ -1214,7 +1223,6 @@ export default { ...@@ -1214,7 +1223,6 @@ export default {
} }
.tabbar-title{ .tabbar-title{
position: absolute; position: absolute;
bottom: 10px;
text-align: center; text-align: center;
display: flex; display: flex;
width: 100%; width: 100%;
......
...@@ -24,7 +24,7 @@ ...@@ -24,7 +24,7 @@
<text style="color: #FE6600;">{{item.playDate}}</text> <text style="color: #FE6600;">{{item.playDate}}</text>
</view> </view>
<view> <view>
<text>入园时间</text> <text>游玩时间</text>
<text>{{item.startPlayTime?item.startPlayTime.substr(0,5):''}}-{{item.endPlayTime?item.endPlayTime.substr(0,5):''}}</text> <text>{{item.startPlayTime?item.startPlayTime.substr(0,5):''}}-{{item.endPlayTime?item.endPlayTime.substr(0,5):''}}</text>
</view> </view>
</view> </view>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment