小程序顶部标题栏的背景图片设置

本文介绍了如何在小程序中将顶部标题栏设置为带有logo的背景图片,通过修改uniapp和微信小程序开发工具中的字段,实现自定义导航栏样式,详细步骤包括配置页面路由、修改导航栏样式、设置背景图片等。
摘要由CSDN通过智能技术生成

场景: 近日在开发小程序的时候就,接到一个需求boss 想把小程序顶部那部分弄成一个带有我们logo的背景图片。不想要小程序的那种默认标题栏。一度考究发现是可以实现的。
实际运行结果为:
在这里插入图片描述

实现步骤

  • 知识点讲解:

修改 navigationStyle 字段,关于这个属性,以下是官方解释:
在uniapp中
在这里插入图片描述
使用微信小程序开发工具开发小程序时:官方解释
在这里插入图片描述

  • 操作:

此处我修改的页面是首页index.vue,我需要index的导航部分为图片背景。

评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值