- 如图,在微信小程序将导航栏改为自定义图片基础上加上如下代码
用于固定导航栏:
style="width: 100%;position: fixed;z-index: 99999;"
返回按钮:
<u-icon class="bg-icon" name="arrow-left" color="white" size="40" @click="back"></u-icon>
外部容器样式:
content
内部可滚动内容:
<view style="overflow: scroll;height: 100%;">
返回按钮实现:
back() {
//返回上一级,关闭当前页面
wx.navigateBack({
delta: 1
})
},
外部容器样式:
.content {
padding-top: 170rpx;
width: 100%;
height: 100%;
position: fixed;
top: 0;
z-index: 1;
}