<style>
html,
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.box {
width: 100%;
height: 100%;
background-image: url('./1.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 0;
padding: 0;
}
</style>
<body>
<div class="box">
</div>
</body>
<view class="container">
</view>
page {
width: 100%;
height: 100%;
}
.container{
display: flex;
width: 100vw;
height: 100vh;
background-image: url('https://img-blog.csdnimg.cn/01f9ae5fe44e464e97c40b191c99eb66.jpg?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAd2VpeGluXzQ2Mjc2NDEx,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center');
background-repeat: no-repeat;
background-size: 100% 100%;
}