小程序顶部自定义导航栏添加背景图的实现
官方文档：navigationStyle 导航栏样式，仅支持 default/custom。custom 模式可自定义导航栏，只保留右上角胶囊状的按钮)。
参考API：自定义导航栏
1：打开app.json,添加属性"navigationStyle":"custom", 这里的custom的意思，是指需要开发者自行设计定义顶栏的样式。
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"navigationStyle":"custom",
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "WeChat",
"navigationBarTextStyle":"black"
}
}
2：wxml
<image class='site-img' data-id="{{item.deviceId}}" src="../../img/nav.jpg" catchtap='navmap'></image>3:加完之后可以看到
注意：如果自定义导航栏，页面自带的返回按钮也会消失，需要用代码编写
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019.01.16 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读