在uniapp中如何添加背景图片

在uniapp中添加背景图片有多种方法，以下是其中一种比较常见的方法：

1. 在对应的vue文件中，先引入需要使用的背景图片，可以使用相对路径或者绝对路径，例如：

<template>
  <div class="container">
    <!-- 其他内容 -->
  </div>
</template>

<script>
export default {
  name: 'MyComponent',
  data() {
    return {};
  }
};
</script>

<style>
.container {
  background-image: url('../assets/images/background.jpg');
  /* 其他样式 */
}
</style>

在上面的代码中，我们将背景图片添加到了container这个div元素中。

2. 另外一种方法是在app.vue文件中添加全局样式，例如：

<template>
  <div class="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {};
  }
};
</script>

<style>
/* 全局样式 */
html,
body,
.app {
  height: 100%;
}

.app {
  background-image: url('../assets/images/background.jpg');
  /* 其他样式 */
}
</style>

这种方法会将背景图片添加到整个应用程序中，而不仅仅是某个组件。

以上是在uniapp中添加背景图片的两种常见方法，你可以根据具体的需求选择其中一种或者自己实现其他方式。