开发实践中,比较复杂的页面设计中,经常会需要弹窗才能满足需求。借助js+css设计实现各种各样的弹窗,似乎也并不是很难。
但是,用js+css模拟的弹窗,其突出的问题在于“并不是真正的弹窗”。当用户进行返回操作会直接离开当前页面,不符合用户预期,预期应为关闭当前弹出的组件。
好消息是:微信小程序现在已经支持原生弹窗组件了:page-container。
page-container的长得像一个弹出窗口,但是其表现得却像一个页面。当用户进行返回操作,关闭该容器而不关闭页面。返回操作包括三种情形,右滑手势、安卓物理返回键和调用 navigateBack 接口。
page-container支持的属性丰富:动画、层级、遮罩、位置、圆角等,都有考虑到。更详细的介绍:https://developers.weixin.qq.com/miniprogram/dev/component/page-container.html
page-container 和 share-element 结合使用还可以很方便的制作出类似 flutter hero 的动画。
使用时需在当前页放置 share-element 组件,同时在 page-container 容器中放置对应的 share-element 组件,对应关系通过属性值 key 映射。当设置 page-container 显示时,transform 属性为 true 的共享元素会产生动画。当前页面容器退出时,会产生返回动画。更详细的介绍:https://developers.weixin.qq.com/miniprogram/dev/component/share-element.html
暂时未发现其他平台的小程序支持此类组件。
不得不说,虽然各个大厂都推出了小程序,但是现在发展z好的,也z用心的还是微信小程序。其他平台对待小程序感觉就像是对待一个“KPI项目”……
-
微信小程序备案流程和操作方法微信小程序备案操作指引,备案整体流程总共分为五个环节:备案信息填写、平台初审、工信部短信核验、通管局审核和备案成功。
-
微信小程序隐私隐私保护弹框不起作用微信小程序隐私隐私保护弹框不起作用
-
追格商城小程序(开源版)发布小程序备案号设置功能追格商城小程序(开源版)基于WordPress和uniapp进行开发的微信商城系统,代码无加密、无后门,简单配置即可发布!
-
追格小程序登录提示"授权失败"的解决办法近期追格小程序客户反馈,说追格小程序登录提示"授权失败",这种情况一般都是appid未设置导致,不妨按下面方式检查一下。
-
追格小程序用户隐私保护设置教程追格小程序是一个积木式小程序搭建框架,基于uniapp+WordPress开发的微信小程序,代码免费开源不加密且支持二开,安装追格相应扩展模块(模块支持按需购买),简单配置即可快速搭建不限于圈子社区、知识付费、活动报名、资讯等类型小程序。
-
追格小程序V1.8.5更新发布@好友模块与隐私协议接口追格小程序是一个积木式小程序搭建框架,基于uniapp+WordPress开发的微信小程序,代码免费开源不加密且支持二开,安装追格相应扩展模块(模块支持按需购买),简单配置即可快速搭建不限于圈子社区、知识付费、活动报名、资讯等类型小程序。
暂无评论,抢个沙发...