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获取设备可用高度,对滚动区域也能实现背景无偏移

原文地址:https://www.cnblogs.com/swordLaughsHeaven/p/12118562.html

时间: 2024-10-26 17:17:27

uni-app app端设置全屏背景色的相关文章

【Android游戏开发之一】:设置全屏以及简单的图形绘制

注:本文改写自李华明的博客,原文地址:http://blog.csdn.net/xiaominghimi/article/details/6089317 一.设置全屏: 两种方法,第一种在activity中: package com.howlaa.androidgame1; import android.os.Bundle; import android.view.Window; import android.view.WindowManager; import android.app.Acti

Android之隐藏状态栏、设置全屏、取消全屏

我将这三个设置代码写在一个工具类当中,当你要对某个Activity调用这三个功能的时候,把Activity本身作为参数传递进去即可. 代码如下: import android.app.Activity; import android.view.Window; import android.view.WindowManager; public class CommonUtil { /** * 设置隐藏标题栏 * * @param activity */ public static void set

Android中设置全屏的方法

在实际的应用程序开发中,我们有时需要把 Activity 设置成全屏显示,一般情况下,可以通过两种方式来设置全屏显示效果.其一,通过在代码中可以设置,其二,通过manifest配置文件来设置全屏. 其一:在代码中设置(如下) public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //设置无标题 requestWindowFeature(Window.FEATURE_NO_TITL

关于火狐游览器设置全屏状态不显示工具栏以及其他游览器全屏问题

无论是IE,火狐,还是谷歌游览器.按F11可以实现全屏状态显示,再次按F11可以回到原先的网页显示状态. 清楚游览器缓存快捷键:ctrl+shift+delete 实现火狐游览器在全屏状态显示工具栏的方法: 第一步打开火狐游览器:输入about:config如下图: 单击"我保证小心"打开如下网页并找到browser.fullscreen.autohide将此后面的"值"修改为"false"即可在全屏状态下显示工具栏.如下图所示: 之后将游览器关

Android(java)学习笔记242:多媒体之设置全屏的方法

在实际的应用程序开发中,我们有时需要把 Activity 设置成全屏显示,一般情况下,可以通过两种方式来设置全屏显示效果.其一,通过在代码中可以设置,其二,通过manifest配置文件来设置全屏. 其一:在代码中设置(如下): 1 public void onCreate(Bundle savedInstanceState) { 2 super.onCreate(savedInstanceState); 3 4 //设置无标题 5 requestWindowFeature(Window.FEAT

设置全屏的方法

设置全屏的3种方式: 1.自定义主题 2.系统自带主题 3.编码实现 requestWindowfeature(window.FEATURE_NO_TITLE); getWindow().setFlags(WindowManager.LayoutParams.FLAG.FULLSCREAM,WindowManager.LayoutParams.FLAG_FULLSCREEN);

【Android】设置全屏和横屏

[设置全屏] 在setLayout之前使用如下代码 1 requestWindowFeature(Window.FEATURE_NO_TITLE);//隐藏标题 2 getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, 3 WindowManager.LayoutParams.FLAG_FULLSCREEN);//设置全屏 [强制横屏] 在layout中添加 1 android:launchMode="singleTas

动态设置全屏、取消全屏的方法,以及切换全屏保持内容位置不变的方法

http://blog.csdn.net/lovehong0306 有两种形式设置.取消全屏的方法,之所以称作两种形式而不是两种方法,是因为这两种方式只是写法不同,实质是一样的. 形式一: //设置全屏 getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN); //取消全屏 getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN); 形式二: //

vm ubuntu如何设置全屏

vm ubuntu如何设置全屏 转自:https://blog.csdn.net/fmyzc/article/details/79486111 在win10中用虚拟机安装了Ubuntu 16.04 之后发现无法全屏,shift+enter之后还是不行,屏幕只占了中间的一部分,把这个解决过程记录一下. 1. 在终端输入xrandr,并回车.注意要是小写英文状态下输入. 这里显示可以修改的分辨率 2. 输入我们需要设置的分辨率,xrandr -s 1920x1440,然后回车一下.1920后面的是字