uni-app设置背景图片占满全屏

话不多说，上图：代码也很简单：这里的样式写的内联，使用class不生效，记得最外面的盒子要设置宽高，不然显示不了。第一次用uni-app开发~~，有不对的可以指出，谢谢。<template><view class='login-box'><imagesrc="../../static/u5483.png"style="width: 100%;height: 100%;

look_地中海

21431人浏览 · 2020-08-18 18:43:33

look_地中海 · 2020-08-18 18:43:33 发布

话不多说，上图：
在这里插入图片描述
代码也很简单：
这里的样式写的内联，使用class不生效，记得最外面的盒子要设置宽高，不然显示不了。
第一次用uni-app开发~~，有不对的可以指出，谢谢。

<template>
	<view class='login-box'>
		<image
		src="../../static/u5483.png"
		 style="width: 100%;height: 100%;opacity: 0.4;z-index: -1;"></image>
	</view>
</template>

//样式
<style scoped>
	.login-box {
		width: 100%;
		height: 100%;
	}
<style>