uniapp背景图 全屏自适应铺满
时间: 2024-01-13 09:04:20 浏览: 583
背景图片铺满全屏
要让uni-app中的背景图片全屏自适应铺满,可以按照以下步骤进行设置:
1. 在`<style>`标签中添加以下样式:
```css
page {
background-image: url('/static/bg.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
```
这样设置后,背景图片将会自动铺满整个页面,并且根据屏幕尺寸进行自适应。
2. 将背景图片命名为`bg.jpg`,并将其放置在`static`文件夹下。
这样设置后,uni-app中的背景图片就能实现全屏自适应铺满效果了。
阅读全文