小程序点击返回
在微信小程序中,要实现点击返回按钮返回到上一页,可以使用微信小程序提供的API:wx.navigateBack。以下是一个简单的示例:
- 在需要添加返回按钮的页面的wxml文件中,添加一个按钮:
- 在对应的wxss文件中,为按钮添加样式:
.back-btn {
position: fixed;
top: 20rpx;
left: 20rpx;
background-color: #ffffff;
border: 1rpx solid #cccccc;
border-radius: 5rpx;
padding: 10rpx 20rpx;
font-size: 28rpx;
}
- 在对应的js文件中,添加navigateBack函数:
Page({
// ...
navigateBack: function () {
wx.navigateBack({
delta: 1
});
}
// ...
});
这样,当用户点击返回按钮时,小程序会返回到上一页。其中,delta
参数表示需要返回的页面层数,这里设置为1,表示返回上一页。