每次在微信小程序开发的过程中,总会遇到一些自己不会的点,然后,所以,因此,就有了此篇文章...
1.现象:小程序某个页面内容较多,有滚动条,在该页面的弹窗上操作,弹窗蒙层下面的页面会滑动
需求:操作弹窗时弹窗蒙层下的页面滑动
解决:
catchtouchmove="preventTouchMove"
// 空函数,禁止穿透
preventTouchMove() {
},
2.现象:用户通过小程序的订阅消息卡片进入到某个页面,只能停留在当前页,不能到达小程序其他页。
需求:通过订阅消息卡片进入某个页面后,可以切换到其他页面
出现该问题的原因是订阅消息中的路径是直达路径,没有上级路径,所以用户只能停留在该页面,无法回到某个上级页面。
解决:
后端将订阅消息跳转路径统一设置为小程序的首页路径(或其他tabbar路径),并在路径上附带不同参数,前端在首页onload函数中接收参数,并根据不同参数,设置跳到对应的目标页。
最终效果:
用户点击订阅消息卡片后先跳到首页再自动跳到目标页,目标页左上角出现返回按钮,点击该返回按钮,可回到首页,然后再想去哪个页面进行相应点击即可。
3.现象:直接使用下面这段代码,唤起的是小程序系统自带的拍照/选择照片弹框
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['camera','album'],
success(res) {
},
fail() {
}
});
需求:自定义拍照/选择照片弹框
解决:分开调用拍照功能和选择照片功能,即可不换起系统自带的拍照/选择照片弹框,实现自定义弹框。
// 拍照
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['camera'],
success(res) {
},
fail() {
}
});
// 选择照片
wx.chooseImage({
count: 1,
sizeType: ['original', 'compressed'],
sourceType: ['album'],
success(res) {
},
fail() {
}
});
不定期更新中~~~