微信开发者

右滑一下 丝滑不卡

当代人的手越来越 “废”

能点击绝对不会打字

能滑动绝对不会点击

能右滑绝对不会左滑

(左撇子除外)

今天来【右滑一下】发现新鲜事儿Image

▼

Image
Image
👉 右滑一下,发现新鲜事
Image
Image
👉 右滑一下,发现新鲜事
Image
Image

👉 右滑一下,发现新鲜事

Image
右滑一下即可丝滑退出半屏页面
如何做到不会退出当前页面甚至小程序?
究竟开发同学用了什么组件解决难题?
别猜了!
因为他用了 page-container 新组件!

为了满足小程序用户的使用习惯,适应不同小程序的页面开发需求,微信团队上线 page-container 组件,以类似 Popup 弹出层的容器组件方式,实现用户进行返回操作时候,仅关闭页面容器,不退出当前页面。

同时 page-container 组件的调用方式也非常简单,仅需将半屏内容放在组件内部即可;而且组件附带一系列自定义属性,例如 duration、position、round 等,适配不同的小程序应用场景。

<page-container show="{{true}}">  <view>半屏内容,开发者自定义</view></page-container>

除了右滑的手势操作,使用 page-container 组件也能够通过下面两种方式实现优雅退出半屏或者弹窗类样式:

  • 安卓手机的物理返回键

  • 调用 wx.navigateBack 接口

想要了解更多页面容器的使用技巧?点击下方微信学堂小程序,探索更多使用技巧,开发从此更简单!

如有其他小程序应用相关的问题,可在 微信开放社区小程序交流专区 发帖互动,技术专员将为大家解答及进行深度交流。

Image