关于H5+设置ios设备的状态栏背景的小问题

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

本文链接:https://blog.csdn.net/qq_37933685/article/details/83506754

个人博客:https://suveng.github.io/blog/​​​​​​​

关于H5+设置ios设备的状态栏背景的小问题

环境

hbuilder

iPhone6 ios12

问题

如下代码是h5+的设置状态栏的背景的函数。

plus.navigator.setStatusBarBackground();

但是我用以下的参数是不生效的:

plus.navigator.setStatusBarBackground("black");

效果如下图:可以看到状态栏并没有变黑,而且我设置了字体为白色,所以出现以下效果。

解决方法:

不能使用代词去写,应该使用16进制的rgb色位去写

如下:

plus.navigator.setStatusBarBackground("#C9394A");

更改后的效果图:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏web秀

如何运用position:sticky实现粘性布局?

如果问,CSS 中 position 属性的取值有几个? 大部分人的回答是,大概是下面这几个吧?

40720
来自专栏web秀

JavaScript中Date对象的那些事儿

任何事情都离不开时间,太阳每天升起的时间,每天你上班的时间,中午吃饭时间等等。在编程生涯中,无时无刻都有一个时间来引导,如数据创建时间(createTime),...

7720
来自专栏iOS小生活

Flutter 中的下拉刷新和上拉加载

在Flutter的官方SDK中给我们提供了下拉刷新的组件RefreshIndicator,但是没有提供上拉分页加载更多的组件。不过不用担心,在Flutter的L...

63910
来自专栏web秀

Vue.js 一套代码,发布到iOS、Android、H5、以及各种小程序

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/...

46530
来自专栏前端小课堂

移动端吸顶fixbar解决方案

在IOS端,使用 position: sticky 这个属性,使用类似于 position: relative 和 position: absolute 的...

18130
来自专栏web秀

用Flutter构建漂亮的UI界面 – 基础组件篇

Flutter作为时下最流行的技术之一,凭借其出色的性能以及抹平多端的差异优势,早已引起大批技术爱好者的关注,甚至一些闲鱼,美团,腾讯等大公司均已开始使用。虽然...

21920
来自专栏VRPinea

9.3 VR扫描:英迈与微软达成HoloLens 2全球经销协议;高通研究所打造VR空间Suncave

近日,全球最大技术分销商英迈宣布已成为微软HoloLens 2首批全球经销商之一,并在今年的英迈物联网峰会上对该AR头显进行演示。据悉,英迈将分阶段营销Holo...

9120
来自专栏iOS小生活

Flutter中的轮播图组件

今天我们来介绍一款Flutter的第三方组件库——flutter_swiper。

33410
来自专栏Coco的专栏

前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配

前端的一大工作内容就是去兼容页面在不同内核的浏览器,不同的设备,不同的分辨率下的行为,使页面的能正常工作在各种各样的宿主环境当中。

18720
来自专栏杰的记事本

剪切板图片粘贴上传

在H5技术发展如火如荼的今天,前端,再也不是页面的代名词,而今的前端早已不再是写写页面写写简单的交互了,现在的前端相比十年前的前端已经发生了翻天覆地的变化,像近...

19710

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励