uniapp 背景图片全屏显示在整个页面

要让uniapp中的背景图片全屏,可以在<style>标签中添加以下样式:

page {
    background-image: url('/static/bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

在这个样式中,background-image属性设置背景图片的URL,background-size属性设置背景图片的尺寸,background-repeat属性设置是否重复背景图片,background-position属性设置背景图片的位置。通过设置background-size: cover;,让背景图片充满整个屏幕。

注意,在设置背景图片之前,要确保在你的项目静态资源文件夹中有这个图片。另外,如果你想让某个页面的背景图片全屏,也可以在<style>中设置该页面的样式。

猜你喜欢

转载自blog.csdn.net/qq_36016297/article/details/129836183