开发实践中,比较复杂的页面设计中,经常会需要弹窗才能满足需求。借助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项目”……
-
微信小程序wx.getExtConfig 的同步版本 APIwx.getExtConfig 为微信小程序的同步版本 API。
-
store-home 微信小程序内嵌微信小店首页,展示小店首页,并进行跳转交易store-home 是微信小程序内嵌微信小店首页,展示小店首页,并进行跳转交易组件。
-
store-product 微信小程序内嵌微信小店商品,展示小店商品,并进行跳转交易。store-product 微信小程序内嵌微信小店商品,展示小店商品,并进行跳转交易。支持小店优选联盟带货跟佣功能。
-
追格小程序V2.5.8更新发布追格小程序是一款采用积木式理念的微信小程序构建框架,它巧妙融合了uniapp与WordPress技术,打造出一个开源且无加密限制的开发环境。
-
wx.openChannelsActivity 微信小程序打开视频号视频APIwx.openChannelsActivity 是微信小程序打开视频号视频API。
-
微信小程序wx.getInferenceEnvInfo 获取通用AI推理引擎版本APIwx.getInferenceEnvInfo为微信小程序获取通用AI推理引擎版本API。
暂无评论,抢个沙发...