窗口由小到大,看uniapp文档仅App支持。。。附件视频实现的是微信小程序实现的吗
窗口动画
本API仅App支持。小程序自身不支持自定义动画。H5的窗体动画可使用常规单页动画处理方案,见H5下单页动画示例
窗口的显示/关闭动画效果,支持在 API、组件、pages.json 中配置,优先级为:API = 组件 > pages.json。
窗口由小到大,看uniapp文档仅App支持。。。附件视频实现的是微信小程序实现的吗
窗口动画
本API仅App支持。小程序自身不支持自定义动画。H5的窗体动画可使用常规单页动画处理方案,见H5下单页动画示例
窗口的显示/关闭动画效果,支持在 API、组件、pages.json 中配置,优先级为:API = 组件 > pages.json。
欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。
根据 uniapp 官方文档,微信小程序自身不支持自定义窗口跳转动画。文档中明确说明:
本API仅App支持。小程序自身不支持自定义动画。
微信小程序的页面切换动画是由微信客户端统一控制的(默认是从右往左滑动),开发者无法通过 uniapp 的 animationType 或 animationDuration 等参数来修改这个行为。
如果你在微信小程序中看到了"窗口由小到大"的打开动画,可能有以下几种实现方式:
可能不是通过 uni.navigateTo 进行页面跳转,而是在当前页面内使用了一个弹窗组件,通过 CSS 动画实现了从小到大的缩放效果。比如:
uni-popup 组件配合自定义动画 uni.createAnimation API 创建缩放动画 transform: scale() 配合 transition 实现 微信小程序支持 open-type="navigateToMiniProgram" 或使用半屏模式打开页面,但这也是微信框架层面的行为,无法自定义动画。
部分微信小程序原生组件可能有自己的弹出动画效果。
如果你需要在微信小程序中实现"窗口由小到大"的效果,可以考虑:
uni.createAnimation:创建缩放动画来模拟窗口打开效果 简单来说,uni-app 的窗口动画 API 确实是 App 端专属的,微信小程序无法通过配置来改变页面跳转动画。