【uni-app】将图片作为页面的背景
事情是这样的,最近考完了浙江专升本,我就在忙毕设,有几个页面我需要设置页面的背景图片。但我尝试用普通html网页设置背景图片的方式在uni-app里面写,却发现并不能适用。我绞尽脑汁,终于把这个问题完美解决了,故准备记录一下,方便以后查阅。
代码如下:
代码语言:javascript复制<template>
<view class="body">
</view>
</template>
<script>
</script>
<style scoped>
.body{
background:url("../../static/loginback.png");
width:100%;
height:100%;
position:fixed;
background-size:100% 100%;
}
</style>
这样写,就以图片为背景图片了。
页面的其他标签都在body里面写就好了。比如写的这个登录页。