| 微信小程序导航条配置图片背景 | 您所在的位置：网站首页 › 微信状态背景图案 › 微信小程序导航条配置图片背景 |
微信小程序导航条配置图片背景
|
文章目录
微信小程序导航条配置图片背景全部页面替换就首页特殊，其他页面纯色导航条（沿用微信那套）相关代码
如果你觉得写的不错或者帮到你了，记得给我点个赞哟~
微信小程序导航条配置图片背景
需要实现通栏背景的效果（导航那里还有背景图片） 如果自定义导航栏，会存在需要考虑的问题 如果有上一页，就返回上一页，否则直接返回首页（首页），图标也要跟着换 标题取配置里的（如果可以的话，否则就用组件传参，去掉配置里的，以免造成误解） 背景图片拼接（首页的时候） 就首页特殊，其他页面纯色导航条（沿用微信那套）网上搜索的方案是自定义导航栏，都是在全局设置了 navigationStyle 这一属性，但总感觉太复杂了，需要考虑前面记下的一些处理细节，想着再看看有没有其他简便点的方案 观察了几个小程序，发现在 Android 下，标题居左， iOS 下，标题居中 这和微信原生导航表现一致，故推测参考小程序的做法是首页做了特殊处理，其他页面沿用微信的这感觉就很像是微信小程序的配置，那就去官方文档找找看页面配置里有没有 navigationStyle 配置项，果不其然，有 那我就首页配置一下，不要导航，自己设置顶部背景，其他页面不管，用默认的导航，不就实现了我想要的效果了吗？
相关代码
index.json 这样设置后，index 页面原来微信的导航栏就会消失了，自己通过调整页面布局实现效果 { "usingComponents": {}, "navigationStyle": "custom" // 关键点 }index.wxml |
【本文地址】
公司简介
联系我们