移动端.自定义抽屉,蒙层弹出禁止滑动

希望可以帮到有需要的小伙伴们,效果图:

 

代码

 html

<!-- 抽屉 begin -->
<view class="drawer">
	<view class="background" v-if="open" @touchmove.stop>
		<view class="left" @click.self="closeDrawer"></view>
		<view class="drop" :class="{ active: isActive, close: isClose }">
			<view class="logout"><text>退出</text></view>
		</view>
	</view>
</view>
<!-- 抽屉 end -->

 css

.background {
	z-index: 1;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	ri