微信小程序获取顶部状态栏和胶囊的高度
标红的部分,分别是导航栏和胶囊
//获取系统信息wx.getSystemInfo({success: res => {this.system = res}})//获取胶囊信息this.menu = wx.getMenuButtonBoundingClientRect()this.systemBar = this.system.statusBarHeight//状态栏高度this.navigationBar = (this.menu.top - this.system.statusBarHeight) * 2 + this.menu.height//胶囊高度console.log(this.menu)console.log(this.systemBar)console.log(this.navigationBar)
微信小程序获取顶部状态栏和胶囊的高度相关推荐
- 微信小程序 自定义顶部状态栏
1>项目的结构如下: 2>组件的index.wxml代码如下: <!--没有按钮的情况--> <view class="custom flex_center&q ...
- 微信小程序制作顶部导航栏
1问题描述 使用微信小程序开发者工具制作顶部导航栏. 2算法描述 首先就是对微信小程序开发者工具的配置,官网搜索后进入,选择稳定版,Windows64位下载. 然后点开开发者工具,选择小程序,点击图片 ...
- 微信小程序之顶部导航栏(选项卡)实例 —— 微信小程序实战系列(1)
需求:顶部导航栏 效果图: wxml: <!--导航条--> <view class="navbar"><text wx:for="{{na ...
- 微信小程序获取系统日期和时间 —— 微信小程序教程系列(17)
获取当前系统日期和时间 在小程序中,新建项目时,就会有一个utils.js文件,就是获取日期和时间的,代码如下: utils.js: function formatTime(date) {var ye ...
- 微信小程序获取用户信息更新解决方案
微信小程序获取用户头像和昵称更新了,以下代码是兼容旧版本微信和新版本微信的解决方案,仅供参考 直接上代码 <template><!-- 顶部用户信息显示 --><view ...
- 微信小程序获取用户头像昵称
微信小程序获取头像昵称问题解决 文章目录 微信小程序获取头像昵称问题解决 前言和传统方法 问题描述 解决方案 实现效果 前言和传统方法 微信小程序是一种基于微信开发平台的轻应用,用户可以通过微信扫码. ...
- 微信小程序获取openid和session_key并且把openid存入数据库
微信小程序开发交流qq群 581478349 微信小程序获取openid和session_key并且把openid存入数据库.已经调用openid的demo 前后端代码都有,后端php实现 在其它 ...
- android获取小程序音频时长,最新微信小程序获取音频时长与实时获取播放进度...
#微信小程序获取音频时长与实时获取播放进度 在小程序官方文档中 audio 注意:1.6.0 版本开始,该组件不再维护.建议使用能力更强的 wx.createInnerAudioContext 接口 ...
- 微信小程序获取用户手机号--官方示例
微信小程序获取用户手机号–官方示例 https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNu ...
最新文章
- 尴尬!中科院国产编程语言“木兰”引争议:声称完全自主,实则换皮Python?...
- 2019ICPC(银川) - Take Your Seat(概率公式)
- android 自定义表单,Android实现Ant Design 自定义表单组件
- python创建数据库字数不限制_textarea字数限制方法一例
- matlab控制树莓派3b,树莓派3B+ 手机h5网页控制GPIO
- Java中构造函数,静态代码块,构造代码块的执行顺序
- 解决Exchange用户邮箱别名为乱码的问题
- Mongodb 学习
- Filmage Screen for Mac 专业录屏软件用这个就足够
- 拒绝访问,文件或目录损坏且无法读取解决办法
- python正则表达式提取字符串中的书名_使用python正则表达式从字符串中提取名称...
- FPGA芯片内两种存储器资源
- 2023最新素材解析网站源码搭建和原理,附带PHP小例子。
- 自动代理老是自动打开上不了网的解决办法
- 玩转无线路由DD-WRT特色功能
- SUMMARIZE函数解决之前的总计错误
- Android 9.0以上联网报错:CLEARTEXT communication to xxx.xxx.xxx.xx not permitted by network security policy
- MAVEN依赖jar版本下载错误:xxx.pom.part.lock (文件名、目录名或卷标语法不正确。)
- 六.基于行为经济学的政策设计(北大行为经济学笔记)
- 红旗linux被收购,红旗Linux收购Ubuntu