wx小程序头部自写

.wxml

.js
// 头部回退按钮
handlerGobackClick: function () {
wx.navigateBack({
delta: 1, // 返回上一级页面。
success: function () {
console.log('成功!')
}
})
},
// 头部首页按钮
handlerGohomeClick: function () {
wx.switchTab({
url: '/pages/index/index'
});
},

.json
{
"usingComponents": {
"navBar": "/components/navbar/index"
}
}

///这是app.json
    "window": {
        "navigationBarBackgroundColor": "#FFFFFF",
        "enablePullDownRefresh": false,
        "backgroundColor": "#FFFFFF",
        "backgroundTextStyle": "dark",
        "navigationStyle": "custom",
        "navigationBarTextStyle": "black"
    },

需要的文件

.wxml
  

.js
    // 头部回退按钮
    handlerGobackClick: function () {
        wx.navigateBack({
            delta: 1,  // 返回上一级页面。
            success: function () {
                console.log('成功!')
            }
        })
    },
    // 头部首页按钮
    handlerGohomeClick: function () {
        wx.switchTab({
            url: '/pages/index/index'
        });
    },

.json
{
    "usingComponents": {
        "navBar": "/components/navbar/index"
    }
}

你可能感兴趣的:(wx小程序头部自写)