首页 > 编程语言 >微信小程序uniapp解决真机顶部自定义菜单显示(手机状态栏覆盖)

微信小程序uniapp解决真机顶部自定义菜单显示(手机状态栏覆盖)

时间:2023-07-03 17:15:11浏览次数:45  
标签:uniapp 真机 自定义 微信 statusBarHeight 状态栏

1.在data里面加入参数

statusBarHeight: uni.getSystemInfoSync ().statusBarHeight,//状态栏高度

2.对返回按钮处理

    <!-- 空出状态栏高度-->
    <view :style="'height:'+statusBarHeight+'px;'"></view>
    <!-- 返回按钮 -->
    <div class="font-30 font-bold color-white" style="height: 44px;line-height: 44px; display: flex;align-items: center;padding-left: 10px;" @click="closePage()">
            <u-icon name="arrow-left" size="30" class="color-white"></u-icon>
            <text class=" ml10">返回</text> 
    </div>

 

标签:uniapp,真机,自定义,微信,statusBarHeight,状态栏
From: https://www.cnblogs.com/zhangyouwu/p/17523359.html

相关文章

  • react之自定义hooks
    原文合集地址如下,有需要的朋友可以关注本文地址合集地址任何相对独立、复用性强的逻辑,都可以extract为自定义Hook,自定义Hook是一种复用React的状态逻辑的函数。自定义Hook的主要特点是:抽象组件间的状态逻辑,方便复用让功能组件更纯粹,更易于维护自定义Hook可......
  • 2023-07-03 uniapp小程序端报错:TypeError: eval is not a function
    完整报错:ErrorinonLoadhook:"TypeError:evalisnotafunction" onLoad钩子中的错误:“TypeError:eval不是函数”原因:代码里使用了eval函数,小程序端不支持该函数,h5端和app(Android)端支持。解决方案:小程序端采取替换eval方案。注意:eval函数被认为是不安全的函数,存在脚本代......
  • 2023-07-03 禁止uniapp之app端上下滑动出现的回弹效果:"app-plus": {"bounce": "none"}
    前言:uni项目打包到app(以Android为例)上运行,上下滑动页面的时候会出现一个半圆,这就是所谓的退弹,如需关闭可在pages.json文件中的globalStyle中添加一下代码即可:"app-plus":{"bounce":"none"}uniapp关于app-plus的更多配置可参考官网:https://uniapp.dcloud.net.cn/colloc......
  • ES 中文分词器ik及自定义远程词库
    ik分词器安装部署 下载地址:https://github.com/medcl/elasticsearch-analysis-ik注意es和ik分词器的版本匹配.这里下载7.9.3的ik分词器下载完毕之后去es的工作目录的plugins文件夹下新建ik文件夹,将下载下来的ik压缩包解压缩至ik文件夹下,重启e   词库介绍ik分词器主......
  • 自定义MultipleViewResolver
    1.MultipleViewResolver.javaimportjava.util.Locale;importjava.util.Map;importorg.springframework.web.servlet.View;importorg.springframework.web.servlet.ViewResolver;publicclassMultipleViewResolverimplementsViewResolver{privateMap<St......
  • 11.9 自定义异常
    demo在项目开发中,会大量接触自定义异常本节案例,综合本章节很多案例。classBombExceptionextendsException{//自定义强制处理异常 publicBombException(Stringmsg){ super(msg);//调用父类构造 }}classFood{ publicstaticvoideat(intnum)throwsBombE......
  • 将MembershipCreateStatus枚举成员翻译成自定义信息
    publicstaticclassAccountValidation{publicstaticstringErrorCodeToString(MembershipCreateStatuscreateStatus){switch(createStatus){caseMembershipCreateStatus.DuplicateUserName:......
  • 前端Vue自定义注册界面模版 手机号邮箱账号输入框 验证码输入框  包含手机号邮箱账号
    前端Vue自定义注册界面模版手机号邮箱账号输入框验证码输入框 包含手机号邮箱账号验证,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13306效果图如下:......
  • 小程序、APP、WEB、H5、UNIAPP通用的canvas导出图片,html转为图片多端通用版
    小程序、APP、WEB、H5、UNIAPP通用的canvas导出图片,html转为图片多端通用版 <canvasv-show="zhangdanImageShow" style="width:380px;height:500px;background-color:white;border-radius:5px;"canvas-id="postCanvars" id="postCanvars"&......
  • 压 力测试系统,支持自定义接口
    短信压力测试系统,支持自定义接口支持卡密,短信压力测试系统,解决一切骚扰电话,教程在压缩包里面可多个服务器挂脚本分担压力,套了cdn导致无法正常执行脚本可以尝试添加白名单这边建议使用MySQL方式同服务器下直接配置数据库信息即可,其他配置详见源码www.httple.net/149170.htm......