本文主要是介绍微信小程序-自定义头部导航,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
先展示效果:
步骤一:
app.json:中添加
"window": {"navigationStyle":"custom"}
步骤二:
app.js:获取手机系统信息及导航高度
App({onLaunch: function (options) {// 获取手机系统信息wx.getSystemInfo({success: res => {//导航高度this.globalData.navHeight = res.statusBarHeight + 46;}, fail(err) {console.log(err);}})},globalData: {navHeight: 0}
})
步骤三:
app.wxss:导航样式:
/* 自定义导航 */.nav {width: 100%;ove
这篇关于微信小程序-自定义头部导航的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!