uni-app项目H5页面背景图怎么实现
时间: 2023-06-15 21:03:01 浏览: 396
uni-app 打包为 H5 并上传服务器
在 `uni-app` 项目中,可以通过以下两种方式实现H5页面的背景图:
1. 在 `style` 标签中使用 `background-image` 样式:
```
<template>
<div class="container">
<!-- 页面内容 -->
</div>
</template>
<style>
.container {
background-image: url('./assets/bg.jpg'); /* 背景图路径 */
background-size: cover; /* 背景图尺寸 */
background-position: center center; /* 背景图位置 */
}
</style>
```
2. 在 `body` 标签中使用 `background` 属性:
```
<template>
<div class="container">
<!-- 页面内容 -->
</div>
</template>
<style>
/* 给 body 标签添加样式 */
body {
background: url('./assets/bg.jpg') no-repeat;
background-size: cover;
background-position: center center;
}
</style>
```
阅读全文