招聘会微信小程序背景图片不能直接引用修改

pages/careerfair/careerfair.vue

@@ -3,6 +3,10 @@
     <view class="app-container">
       <!-- 顶部头部区域 -->
       <view class="container-header">
+        <!-- #ifdef MP-WEIXIN -->
+        <!-- 小程序使用 image 标签作为背景 -->
+        <image class="header-bg-image" src="/static/icon/background2.png" mode="aspectFill"></image>
+        <!-- #endif -->
         <view class="header-top">
           <view
             class="header-btnLf button-click"
@@ -507,14 +511,33 @@ function getNextDates({ startDate = "", count = 6 }) {
 }
 
 .app-container .container-header {
+  position: relative;
+  /* #ifndef MP-WEIXIN */
   background: url("@/static/icon/background2.png") 0 0 no-repeat;
   background-size: 100% 400rpx;
+  /* #endif */
+  /* #ifdef MP-WEIXIN */
+  /* 小程序使用 image 标签，背景样式在 image 上设置 */
+  /* #endif */
 }
 
+/* #ifdef MP-WEIXIN */
+.app-container .container-header .header-bg-image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 400rpx;
+  z-index: 0;
+}
+/* #endif */
+
 .app-container .container-header .header-top {
   display: flex;
   line-height: calc(88rpx - 14rpx);
   padding: 16rpx 44rpx 14rpx 44rpx;
+  position: relative;
+  z-index: 1;
 }
 
 .app-container .container-header .header-top .header-btnLf {
@@ -551,6 +574,7 @@ function getNextDates({ startDate = "", count = 6 }) {
   padding: 0 24rpx;
   width: calc(100% - 48rpx);
   position: relative;
+  z-index: 1;
 }
 
 .app-container .container-header .header-input .iconsearch {