uni-app app端设置全屏背景色

Posted 尘世英雄

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app app端设置全屏背景色相关的知识,希望对你有一定的参考价值。

设置page:{样式},博主调试的时候在app端不起作用,设置配置文件的backgroundColor也没有用,所以博主就使用了一个稍微比较偏的办法解决了,没有用获取设备信息的api来实现

具体操作就是在template下面的二级标签设置一个单独的空标签,给一个class,具体代码如下

class="bgColor"

  .bgColor{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F3F3F3;
    z-index: -1;
  }

 

这样既实现了全屏背景,且不影响性能,不用使用api获取设备可用高度,对滚动区域也能实现背景无偏移

以上是关于uni-app app端设置全屏背景色的主要内容,如果未能解决你的问题,请参考以下文章

uni-app 实现自定义九宫格的功能(点击item 1背景色改变 2跳转到另一个页面)

android dialog设置全屏半透明背景色

uni-app 去除Button默认样式

html,body

uni-app视频组件设置圆角

Activity设置背景色