背景
疫情通行证系统,7个人,周四下午定需求,周六加班到凌晨2点,周日上线。
用到的插件
WEUI: https://weui.io/#half-screen-dialog
mescroll和weui的: http://www.mescroll.com/qa.html#q10
Half-screen Dialog苹果手机无法下滑
mescroll和weui的Half-screen Dialog起冲突,导致苹果手机Half-screen Dialog无法下滑。
在页面加载时加如下代码即可
document.getElementById("detail_dialog").addEventListener('touchmove',function(e){
e.stopPropagation()
})
navbar和mescroll冲突
tabbar中放navbar,再将mescroll放在navbar中,导致mescroll不能滑动.
因为需求是各个navbar仅仅是参数不一样,所以把mescroll拿到navbar外面去,navbar仅仅是点击改变参数值而已。滑动不能解决。
然后又出现第二个问题,mescroll再滑到最顶端时会把navbar顶出屏幕后无法拉回来。解决办法是设置height百分比.