第一步:先点击出现蒙层时,灵活设置,蒙层出现时height:100vh;,反之height: ;
微信小程序中的vw和vh单位
100vh 微信小程序的屏幕高度;
100vw微信小程序的屏幕宽度
第二步:在蒙层的最外层view中加入catchtouchmove=”preventTouchMove”
<view class="Montmorillonitelayer" catchtouchmove="preventTouchMove" style="{{show?'':'display:none'}}">
</view>
<view class="Montmorillonitelayer-content" style="{{show?'':'display:none'}}">
<form bindsubmit="formSubmit">
<view style="text-align:center;padding:5% 0;border-bottom:1px solid #eee;font-size:15px;">添加评论</view>
<input name="pinglun" placeholder='请输入您的评论'></input>
<button formType="submit">提交</button>
</form>
</view>
|
第三步:在js文件 中写一个空白函数
preventTouchMove:function(e) {
},
|
这样子就可以解决不可以滑动问题了。