这几天写小程序发现一个问题,用了这样一段代码"navigationStyle": "custom"
去掉导航栏之后,小程序居然没有返回的那个小尖角了。
查阅了官方文档,好像没有找到相关问题解决方案。我就自己利用icon写了一个返回键。如下图:
wxml代码如下:
<view class='partone'>
<image class='content-image' src='/images/post/classmate.jpg' style='border-top-right-radius:20rpx;'></image>
<image bindtap='onBackTap' class='back' src='/images/icon/ic_arrow_left2.png'></image>
</view>
wxss部分代码如下:
.partone{
margin-bottom: 10rpx;
height: 520rpx;
width: 100%;
}
.content-image {
width: 100%;
height: 520rpx;
margin-top: 0rpx;
border-radius: 0rpx;
border-top-left-radius: 20rpx;
position: absolute;
z-index: -1;
}
.back {
position:relative;
z-index:2;
width: 40rpx;
height: 40rpx;
margin-top: 77rpx;
margin-left:50rpx;
}
js代码如下:
onBackTap: function(e) {
// wx.redirectTo({
// url: '../photo',
// })
var pages = getCurrentPages(); //获取当前页面
var prePage = pages[pages.length - 2]; //获取上一页面
prePage.setData({
'search.page': 1 //给上一页面的变量赋值
})
wx.navigateBack({ //返回上一页面
delta: 1,
})
}