小程序页面跳转动画代码
时间: 2024-04-21 21:07:42 浏览: 10
小程序页面跳转动画代码如下:
1. 从左向右滑动进入页面
```
wx.navigateTo({
url: '/pages/page1/page1',
success: function() {
wx.showToast({
title: '页面跳转成功',
})
},
animationType: 'slide-in-right',
animationDuration: 500
})
```
2. 从右向左滑动进入页面
```
wx.navigateTo({
url: '/pages/page1/page1',
success: function() {
wx.showToast({
title: '页面跳转成功',
})
},
animationType: 'slide-in-left',
animationDuration: 500
})
```
3. 从下向上滑动进入页面
```
wx.navigateTo({
url: '/pages/page1/page1',
success: function() {
wx.showToast({
title: '页面跳转成功',
})
},
animationType: 'slide-in-bottom',
animationDuration: 500
})
```
4. 从上向下滑动进入页面
```
wx.navigateTo({
url: '/pages/page1/page1',
success: function() {
wx.showToast({
title: '页面跳转成功',
})
},
animationType: 'slide-in-top',
animationDuration: 500
})
```
5. 渐变式进入页面
```
wx.navigateTo({
url: '/pages/page1/page1',
success: function() {
wx.showToast({
title: '页面跳转成功',
})
},
animationType: 'fade',
animationDuration: 500
})
```
以上是小程序页面跳转动画的几种实现方式,可以根据自己的需求选择不同的动画效果。