微信小程序自定义状态栏_渔父歌的博客-程序员宅基地

首先修改 app.json文件中的 windows字段如下:

{
    "pages": [
        "pages/index/index"
    ],
    "window": {
        "navigationStyle": "custom"
    }
}

为了避免遮挡用户手机顶部状态栏,还需要获取用户手机状态栏的高度,并在在每个页面中添加一个占位用的 view标签来防止遮挡用户状态栏。

在 app.js文件添加如下代码:

App({
   onLaunch: function() {
       wx.getSystemInfo({
           success: res=> {
               this.globalData.navHeight = res.statusBarHeight;
           },
       })
   },
   globalData: {
       userInfo: null,
       navHeight: 0,
   }
})

在每个页面中添加一个占位用的 view标签,背景色与自定义的状态栏的背景色相同。

不过自定义的状态栏背景色一般不要设置成黑色或者白色,因为大多数手机的状态栏字体颜色就是黑色和白色。

js文件、wxml文件和wxss文件如下:

//index.js
const app = getApp()

Page({
    data: {
        //从全局变量获取状态栏高度
        navHeight: app.glob
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_40695895/article/details/88373741

智能推荐

前端必备_大前端必备-程序员宅基地

前端工具自动化: Gulp 、 Grunt 、百度Fis 、Ant、Yeoman、Codekit、Koala、Webpack预编译: Slim、Haml、Coffeescript、Sass、BabelJs、Jade、Less、Stylus、Pleeease、PostCSS、查找工具:CssTriggers、screensiz.es、友盟指数、javascripting、builtwit..._大前端必备

简述hdfs工作原理_HDFS的工作原理-程序员宅基地

HDFS的工作原理Hadoop分布式文件系统(HDFS)是一种被设计成适合运行在通用硬件上的分布式文件系统。HDFS是一个高度容错性的系统,适合部署在廉价的机器上。它能提供高吞吐量的数据访问,非常适合大规模数据集上的应用。要理解HDFS的内部工作原理,首先要理解什么是分布式文件系统。1、分布式文件系统多台计算机联网协同工作(有时也称为一个集群)就像单台系统一样解决某种问题,这样的系统我们称之为分布...

转:Web项目的WEB-INF目录使用说明以及重定向与转发-程序员宅基地

原文地址:https://www.cnblogs.com/shenxiaoquan/p/5819359.html 原文内容: 总结一下这篇文章的内容: WEB-INF下面的内容都是只能由服务器级别才能访问,客户端并不能访问。什么是客户端级别?什么是服务器级别呢? 转发就是服务器级别,浏览器的地址不会变,因为,客户端发送一个请求,服务器受理之后,发现要请求内容还要再去别的请求,那么转发就是..._为什么不能重定向到web-inf

git 修改提交(commit)的用户名_git commit 用户名-程序员宅基地

2021.12.13修改使用 git 提交代码到远程仓库时的用户名和邮箱,便于同事识别。快捷键 win+R,输入git-bash,打开如下界面:输入 git config user.name 可以查看当前用户名输入 git config user.email 可以查看当前用户邮箱输入 git config --global user.name “liming”,修改全局用户名为 liming输入 git config --global user.email “[email protected]”,修_git commit 用户名

pip 在国内使用豆瓣源真的太快了-程序员宅基地

豆瓣镜像地址:https://pypi.douban.com/simple/虽然用easy_install和pip来安装第三方库很方便它们的原理其实就是从Python的官方源pypi.python.org/pypi 下载到本地,然后解包安装。不过因为某些原因,访问官方的pypi不稳定,很慢甚至有些还时不时的访问不了。跟ubuntu的apt和centos的yum有各个镜像源一样,pypi也有。在国内的强烈推荐豆瓣的源http://pypi.douban.com/simple/注意后面要有/s

vs2013 c 连接mysql_c/c++使用VS2013连接MySQL_MySQL-程序员宅基地

vs连接数据库其实就是将mysql数据库.h头文件接口、lib链接文件和dll执行文件加入到项目中。下面是配置如何加入。一、VS2013工程设置工作首先,建立一个windows应用程序的工程,将C/C++->预处理器->预处理器定义下的_WINDOWS改为_CONSOLE,将连接器->系统->子系统 选择为控制台。由于我们要使用Mysql的API,并且我们机子上肯定安装了M..._sztargetdsn

随便推点

行政边界下载(省、市、区、县)-程序员宅基地

行政边界下载(省、市、区、县)发布时间:2018-01-17 版权:同步视频教程:http://www.bigemap.com/video/play2018020754.html第一步 选择下载的行政范围第二步 双击鼠标左键,弹出下载对话框,选择【行政边界】第三步 选择要下载的边界线,比如这里我们下载四川省下面的所有市的边界和所有区县的边界,如下图勾选: 下..._行政边界下载

pyspark 数据类型转换_apache spark-将pyspark字符串转换为日期形式-程序员宅基地

apache spark-将pyspark字符串转换为日期形式我有一个日期pyspark数据框,其中的字符串列格式为df.select(to_date(df.STRING_COLUMN).alias('new_date')).show(),并且我尝试将其转换为日期列。我试过了:df.select(to_date(df.STRING_COLUMN).alias('new_date')).show()..._pyspark 将bigint转为时间字符串

Linux修改网卡名为eth格式-程序员宅基地

1、查看当前网卡名称1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN group default qlen 1000 link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00 inet 127.0.0.1/8 scope host..._linux 网卡em2改为eth2

linux mint 切换工作空间,在 Ubuntu 14.10/Mint7 上安装 Gnome Flashback 经典桌面_华天翼竹的博客-程序员宅基地

如果你不喜欢现在的Unity桌面,Gnome Flashback桌面环境是一个简单的并且很棒的选择,让你能找回曾经经典的桌面。Gnome Flashback基于GTK3并提供与原先gnome桌面视觉上相似的界面。Gnome Flashback的另一个改变是采用了源自mint和xface的MATE桌面,但无论mint还是xface都是基于GTK2的。安装 Gnome Flashback在你的Ubun..._gnome flashback 区别

C#连接Excel_c#如何连接輸出到excel-程序员宅基地

近期有需求要用C#来读Excel里的数据。上网查到了,为了以后查询方便,所以在此做个C#连接Excel小结。步骤如下:1、EXCEL.DLL 制作首先需要在自己Office文件目录拿到EXCEL.EXE文件。我自己EXCEL版本为2016,所以在C:\Program Files\Microsoft Office\Office16\EXCEL.EXE。自己可以在自己office安装目..._c#如何连接輸出到excel

数据采集—业务系统日志数据采集_业务日志采集分析-程序员宅基地

业务系统日志数据采集业务系统的定义业务系统是指在一个专业/行业方面,比如人事系统、财务系统、物资系统等,从某一个方面从上到下的组织架构及所有的业务工作。拿企业业务系统来说,此系统解决的是公司外部的问题,即将一个公司生产的产品卖给他人。业务系统解决的问题让业务流程变的更加规范数据实时展示,并给出领导层决策历史数据长久保留并随时可查业务系统—ERPERP是企业资源计划的简称,由不同的功能模块组成的软件系统,建立在信息技术基础上。是一个信息高度集成的管理系统。核心业务包括:财务统计,会计管理_业务日志采集分析