公告列表
公告列表
收藏
回答

小程序左滑手势怎么实现跳转到指定页面？

支付完成之后，大屏手机点击左上角的返回按键，用户有些辛苦，怎么实现左滑动手势跳转到指定订单详情页面

回答关注问题邀请回答
收藏

2 个回答

  • Lmmmmc
    Lmmmmc
    10-31

    我去看了一下美团，从商详页到确认订单页再到支付页面，貌似都是原生开发，支付页左滑返回后，使用了webview打开了订单详情页，但是并未出现新增页面的效果，

    所以我的推断是：

    确认订单页点击支付后跳转到了支付页，然后使用EventChannel进行通信，或者确认订单页点击支付后有个字段标识用户已经进入了支付页，这个时候，一旦用户回到确认订单页onshow就会触发，再根据情况切换页面中的webview标签来加载订单详情页，由此完成。

    如果不对请勿喷哈，这都是我猜的


    10-31
    有用
    回复 2
    • 招财猫~
      招财猫~
      10-31
      订单详情页左滑动又返回到确认订单页，再做个标识切换到商品详情吗，美团订单详情左滑好像直接返回至商品详情页。放心哈不会喷的，感谢您的解惑还来不及
      10-31
      赞
      回复
    • Lmmmmc
      Lmmmmc
      发表于小程序端
      10-31回复招财猫~

      我的理解是订单详情和确认订单其实是在一个页面内的，确认订单用的是原生，详情用的是webview标签，正常进入确认订单是不使用webview的，从支付返回来后渲染webview，因为webview会覆盖一切原生内容，所以你看不到原来的确认订单内容了，在原生角度，页面栈并未发生改变

      10-31
      赞
      回复
  • hello world
    hello world
    10-31

    左滑只能是返回上一个页面，不能控制

    10-31
    有用
    回复 4
    • 招财猫~
      招财猫~
      10-31
      美团小程序可以左滑动跳转到订单详情页面，但是不知道怎么实现的
      10-31
      赞
      回复
    • 哄哄
      哄哄
      10-31回复招财猫~
      仔细观察，可以看到其实回到了上一页，然后上一页再跳转的订单详情页
      10-31
      赞
      回复
    • 招财猫~
      招财猫~
      10-31回复哄哄
      他们的订单详情页左滑直接就跳转到了商品详情页，并没有返回上一级，像是直接返回到了指定页面
      10-31
      赞
      回复
    • DBAA
      DBAA
      11-27回复招财猫~
      如果是用uniapp+vite开发的话可以看下我刚实现的库，地址：https://github.com/DBAAZzz/mp-weixin-back，可以丝滑监听左滑事件，对你有用的话可以点个star吗？
      11-27
      赞
      回复
请 登录 后发表内容
相关问题
相关文档