uni-app设置页面背景及背景图片

设置背景

1、设置背景色：

<template><view class="container">  //最外层<view class="bg-colore"></view>  //此标签为最外层view标签的第一个子标签<view class="content"></view></view>
</template>// 以下为 style 区域
.bg-colore{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: #f4f4f4;z-index: -1;
}

2、设置背景图

<template><view class="container"> <image class="bg-img" src="图片路径"></image><view class="content"></view></view>
</template>// 以下为 style 区域
.bg-img{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;
}

参考：参考一

uni-app设置页面背景及背景图片相关推荐

【iOS】跳转App权限设置页面
跳转App设置页的方法 [[UIApplication sharedApplication] openURL:[NSURL URLWithString:UIApplicationOpenSetting ...
uni-app设置页面的背景图片
可以通过设置view的background或者background-image属性来实现: <template><view class="content" :st ...
phpexcel中文教程-设置表格字体颜色背景样式、数据格式、对齐方式、添加图片、批注、文字块、合并拆分单元格、单元格密码保护
转载连接:http://www.cnblogs.com/huangcong/p/3687665.html phpexcel中文教程-设置表格字体颜色背景样式.数据格式.对齐方式.添加图片.批注.文字块 ...
jsp怎么设置页面背景
在日常jsp开发中经常要用到背景的设置,而在背景的设置也有多种多样,接下来小编将为你讲解常用的jsp页面背景设置.本项目百度网盘共享地址: http://pan.baidu.com/s/1c6BaFk ...
WPS文字怎么设置页面如分隔符、背景、页面边框等等
Word文档如何设置页面想必大家已经很娴熟了,那么在WPS文字中又该如何设置页面呢?WPS文字除了具备Word中的页边距.纸张.版式和文档网格等设置外,更提供了分隔符.分栏.行号.背景.页面边框.文字 ...
微信小程序页面添加背景图，图片全屏显示
前言微信的wxss里面不允许使用使用 background: url(),只能另外找方法进行背景图片显示. 方法 1.wxss页面里面设置页面的全屏宽高,以及view添加宽高 page{height ...
前端实现滑动页面动态切换背景图片的炫酷效果
我发现好的网站都用了如下GIF的模块与背景图片切换的效果,这让在下心痒痒的,所以自己动手写了一遍发现蛮简单的,分享给大家! 思路说明: 首先我的思路是介个样子的:先让一个空的宽度高度都占满的div孩子 ...
vscode透明背景以及背景图片设置
vscode透明背景以及背景图片设置更新可以不用往下翻了透明窗口设置背景图片设置最终效果更新其实去年后来就找到了一个很完美的插件,不过忘了自己还发过这么一个东西( 就是下面这个插件,安装 ...
CSS -- CSS背景设置总结（纯色背景、背景图片）
文章目录 CSS的背景 1 背景颜色 2 背景图片 3 背景平铺 4 背景图片位置 5 背景图像固定(背景附着) 6 背景复合写法 7 背景色半透明 8 背景设置总结 CSS的背景通过 CSS 背景 ...
微信小程序中这么简单的设置页面背景图及字体颜色的方法，你还不会？
在微信小程序中,我们不免的要设置背景图片和字体颜色. 那怎么样才能做到简单的设置背景图片和字体颜色呢? 话不多说,直接开讲首先先说怎么设置页面背景图片: 这是博主准备的照片. 下面是在wxml中的代 ...

uni-app设置页面背景及背景图片

设置背景

uni-app设置页面背景及背景图片相关推荐

最新文章

热门文章