uniapp 设置背景图片 小程序不显示

在 Uniapp 中设置背景图片可以使用 `background-image` 属性，但是在小程序中可能需要使用 `wx.backgroundTextStyle` 和 `wx.setBackgroundColor` 来实现。具体的实现方法如下：

1. 在 `App.vue` 中设置背景样式，如下所示：

<template>
  <view class="container">
    <!-- 这里设置背景图片 -->
    <view class="bg-image"></view>
    <router-view />
  </view>
</template>

<style>
.container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* 这里设置背景图片 */
.bg-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('/static/background.jpg');
  background-size: cover;
  filter: blur(20px);
  z-index: -1;
}
</style>

2. 在 `main.js` 中设置小程序的背景样式，如下所示：

import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
  ...App
})

// 这里设置小程序的背景样式
wx.setBackgroundTextStyle({
  textStyle: 'light' // 下拉背景字体、loading 图的样式为dark
})
wx.setBackgroundColor({
  backgroundColor: '#f8f8f8' // 窗口的背景色为白色
})

app.$mount()

这样就可以在 Uniapp 中设置背景图片，并且在小程序中正常显示了。