微信小程序隐藏技巧知多少?!

324 阅读2分钟

每次在微信小程序开发的过程中,总会遇到一些自己不会的点,然后,所以,因此,就有了此篇文章...

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() {
          
     }
   });

不定期更新中~~~