效果图： 代码： wxml wxss javascript ...

问题：小程序自定遮罩层时，滚动遮罩层时，滚动效果会穿透，影响page页面的滚动，影响用户体验度。 解决方案: 　　如果弹出框无滚动区域，直接将这个弹出框和遮罩层的父元素catchtouchmove='ture' 　　如果弹出框有滚动区域，如果自定义了catchtouchmove就会阻止内部 ...

今天写微信小程序突然发现一个尴尬的问题，请求报错需要提示，就去小程序API里找，可悲的小程序的toast并不能满足我的需求，原生提供的方法调用如下 下面是官方API的说明 可以看到支持的图标只有两种，连基本的warning和error都没有，最可悲的是title最多只支持 ...

微信小程序自定义tabbar的实现 目的：当采用微信的自定义tabbar组件的时候，切换的时候会出现闪屏的效果；当使用微信默认的tabbar的时候，限制了tabbar的数量以及灵活配置。 方案：自己动手写一个和微信小程序提供的tabbar相同的效果，而且还可以满足灵活配置的功能.有参照有赞小 ...

转自：https://www.jianshu.com/p/6fb10c78bbd7 实现遮罩效果 Html CSS 阻止遮罩层下的页面滚动 只需要在遮罩层上加上catchtouchmove='ture' 需要 ...

wxml： wxss: js ...

1.放一个空div，作为遮罩层最外层 2.写这个遮罩层样式 其中颜色可以任选，透明度也可以任选。 兼容处理： 3.控制显示还是隐藏 用v-if或者hiddle的true和false来控制遮罩的显示或者隐藏，当flag设置为false时，隐藏；为true时，显示 ...

如果弹出层没有滚动事件: 如果弹出层有滚动事件，那么在弹出层出现的时候给底部的containerView加上一个class 消失的时候移除。 ...