uniapp状态栏设置背景图片

可以通过在页面中使用 `uni.setNavigationBarColor` 方法来设置状态栏的背景色和文字颜色。具体代码如下：

uni.setNavigationBarColor({
  frontColor: '#ffffff', // 前景色，包括文字、图标等，支持 #ffffff 格式
  backgroundColor: '#ff0000', // 背景颜色，支持 #ffffff 格式
  animation: {
    duration: 400, // 动画时长
    timingFunc: 'easeInOut' // 动画效果，支持 linear、easeIn、easeOut、easeInOut 四种效果
  }
})

如果要设置状态栏的背景图片，可以在页面中添加一个覆盖整个页面的 `view` 元素，并在 `style` 中设置 `background-image` 属性，具体代码如下：

<template>
  <view class="container">
    <!-- 页面内容 -->
  </view>
  <view class="status-bar"></view>
</template>

<style>
.status-bar {
  width: 100%;
  height: 44px; /* 状态栏高度 */
  position: fixed;
  top: 0;
  left: 0;
  background-image: url('/static/images/status-bar-bg.jpg'); /* 背景图片地址 */
  background-size: cover;
  z-index: 999;
}
</style>

需要注意的是，由于状态栏的高度在不同设备上可能不同，因此最好使用 `uni.getSystemInfoSync` 方法获取设备信息，动态计算状态栏的高度。