微信小程序状态栏

news/2024/7/20 2:20:49 标签: 微信小程序, 小程序

之前刚开始接触小程序的时候有写过小程序状态栏,今天开发的时候又遇到了,顺便记录下。

<view style="padding-top: {{statusBarHeight}}px;background-color: #f6f6f6;"></view>
Page({
  data: {
  	statusBarHeight: 0, //状态栏初始高度
  	toBarHeight: 44, //标题栏高度
  },
  onLoad(options){
      // 手机状态栏的高度
       let sysinfo = wx.getSystemInfoSync();
       this.setData({
         statusBarHeight: sysinfo.statusBarHeight
       })
    },
})  

http://www.niftyadmin.cn/n/1510577.html

相关文章

stl源码剖析 详细学习笔记heap

// // heap.cpp // 笔记 // // Created by fam on 15/3/15. // // //---------------------------15/03/15---------------------------- //heap { /* heap概述: heap并不是stl的容器,只是priority queue(优先队列)的助手 它允许用户以任意顺序插入容器&#xff0c;但是取出…

uniapp 使用uview实现折叠面板

最近由于各种原因导致好久没写笔记了&#xff0c;今天就简单记录下这两天在开发中遇到的一个小技术点。在使用uniapp开发项目时大家肯定会使用UI框架&#xff0c;uview是针对uniapp量身打造的&#xff0c;这里我就不写怎么安装了&#xff0c;具体的可以看下文档。 昨天在开发中…

uniapp 使用 echarts实现图表

之前使用uniapp来做项目的时候遇到过图表&#xff0c;当时也是使用的echart和uchart&#xff0c;当时echart在uniapp官方插件中说停止维护。 后来就了解到了ucharts,当时使用ucharts还是免费的&#xff0c;现如今ucharts也开始收费了。 因为之前做pc端项目的时候用echarts次数…

uniapp H5 跳转应用外页面

在uniapp中页面路由分为以下几种&#xff1a; navigateTo 保留当前页面 跳转到应用内某个页面navigateBack 关闭当前页面 返回上一页面redirectTo 关闭当前页面 跳转到应用内某个页面relaunch 关闭所有页面 打开应用内某个页面switchTab 跳转到底部tabbar页面 关闭非tabb…

socket.io java demo_Netty-SocketIo Demo Chat

【实例简介】客户端为SocketIO服务器端为Java NettyWebChat聊天不错的选择【实例截图】【核心代码】5a5b1f52-45ba-406f-9cf7-3510e19b5640└── netty-socketio-demo-master├── client│ ├── ack-index.html│ ├── binary-event-index.html│ ├── bootstra…

uniapp页面跳转到原生ios页面

这段时间一直在忙项目加班&#xff0c;好久没写笔记了。今天来公司加班&#xff0c;忙完手里的活&#xff0c;先把这段时间遇到的问题难点梳理总结下。好记性不如烂笔头嘛。 项目背景是前端用uniapp开发页面&#xff0c;然后嵌套到原生ios及安卓里面&#xff0c;在开发的时候就…

页码统计Java暴力求解_统计数字问题

问题描述&#xff1a;一本书的页码从自然数1开始计数&#xff0c;直到自然数n。书的页码按照通常的习惯编排&#xff0c;每个页码都不包含多余的前导数字0。例如&#xff0c;第6页用数字6表示&#xff0c;而不是06或006等。数字计数问题要求对给定书的总页码n&#xff0c;计算出…

vue h5判断安卓或IOS并打开APP

最近一直在忙&#xff0c;可能也是因为年底了&#xff0c;所有的项目都要收尾。好几个项目穿插开发&#xff0c;中间也遇到了些问题同时也学到了之前没涉及到的知识点。今天虽然是周六&#xff0c;但还是在加班中&#xff0c;趁着需求还在确认中&#xff0c;先整理一篇笔记。还…