139-8950-0275

绍兴云远网络热线
首页 >> 小程序 >>小程序专业知识 >> 右滑一下 丝滑不卡-绍兴网站建设为你呈现
详细内容

右滑一下 丝滑不卡-绍兴网站建设为你呈现

时间:2022-12-01     作者:绍兴网站建设【转载】   来自:微信派

当代人的手越来越 “废”

能点击绝对不会打字

能滑动绝对不会点击

能右滑绝对不会左滑

(左撇子除外)

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

#01  以前的产品


开发Ryan (最难搞)


开发大哥,最近小程序性能有点慢


好多用户反馈说打开经常会卡顿


你看看有空能不能优化一下呢?


这个很复杂的,产品别想得太简单


set Data、分包、代码体积.....


事儿可多了,你行你可以自己搞


要是我行,我就开干了! |


以前的产品经理说:


人人都是产品经理,因为人人都可以拒绝我的需求  以前的开发


右滑一下,发现新鲜事


#02  以前的开发


产品Steven (每天改需求! )


开发大佬,昨天的需求还没上线?


哪里这么快? ! 24小时都没有.....


没有上线就好!我们有一个小调整


怎么每天都有调整?每次都很大


每天改需求真的要裂开了


这真的是最后最后一次改动了!


你每天都是这么说的|


以前的开发说:

做需求不可怕,挡不过产品改需求才可怕


右滑一下,发现新鲜事


#03  以前的交互


开发Ryan (最爱甩锅)


开发大哥,社区小程序退出半屏就会自动退回上一页,体验不太好呀


用户退出半屏习惯使用右滑手势,会触发退回上一页甚至退出小程序


作为产品,你想想办法引导用户不要这么做呀


这个引导感觉不太合理呀


我有什么办法呢?你找官方反馈呗


我该怎么办呢|


以前的交互:

交互体验不好不能怪开发,都是官方惹的祸

右滑一下,发现新鲜事


image.png



右滑一下即可丝滑退出半屏页面




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



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


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


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

  • 安卓手机的物理返回键

  • 调用 wx.navigateBack 接口


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


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

客服中心
联系方式
13989500275
18006808820
- 销售总监
- 销售经理
- 客服
扫一扫,加微信,及时沟
技术支持: 杭州云远科技有限公司 | 管理登录
seo seo