当前位置: 首页 > news >正文

uniapp 将标题背景更换背景图片 完美解决(附加源码+实现效果图)

问题描述

今天拿到小程序的设计效果图后,标题部分背景需要加背景图片,以往我做的都是标题背景更换颜色等,加背景图片还是第一次遇到,大家可以先看下我的效果图是否与你遇到的问题一致!
首页标题的背景是个背景图片。
在这里插入图片描述

解决方案

pages.json文件里找到,配置首页地址的代码(我这边以首页为例,如何你是其它的页面,就去找对应的配置地址代码),
加上这段代码"navigationStyle":"custom"
"navigationStyle":"custom"意思是:去掉标题样式。
完整代码如下:

{"path": "pages/home/index","style": {"navigationBarTitleText": "首页","navigationStyle":"custom","enablePullDownRefresh": false}
},

在首页页面中直接添加背景图片就可以了
我这边是用的image,这个图片他会默认显示到最顶部,具体的位置可以用CSS样式在微调一下,这样问题就解决啦!

在这里插入图片描述

http://www.lryc.cn/news/121897.html

相关文章:

  • 必备工具:Postman Newman 详解
  • OpenCV基本操作——算数操作
  • css实现文字首行缩进的效果
  • Eclipse-配置彩色输出打印
  • easyx图形库基础:1.基本概念的介绍+图形的绘制。
  • zerotier requesting configuration
  • 接口mock常用工具
  • 13-把矩阵看作是对系统的描述
  • Linux系统下安装Git软件
  • SpringBoot框架
  • Chrome有些网站打不开,但是火狐可以打开
  • Linux网络基础(中)
  • 【C++起飞之路】初级—— auto、范围for循环、宏函数和内联函数
  • 开发工具Eclipse的使用之导入项目(import)
  • decimal类型在MySQL中的正确使用 (长度和小数点)
  • Mongodb 安装
  • Java技术整理(5)—— Spring篇
  • 07-MySQL-基础篇-函数
  • 不同路径 II——力扣63
  • NLP文本分类
  • 进程和线程的联系与区别
  • 分支和循环语句(2)(C语言)
  • Flutter: A RenderFlex overflowed by 42 pixels on the bottom.
  • 第三章,矩阵,07-用初等变换求逆矩阵、矩阵的LU分解
  • STM32F429IGT6使用CubeMX配置SPI通信(W25Q256芯片)
  • C++11异步与通信之 packaged_task
  • 磁盘的管理
  • 数据结构:完全二叉树的性质
  • 【数据结构】‘双向链表’冲冲冲
  • Linux 编译CEF源码详细记录