fix: 背景图拉伸导致边框颜色突出

config/config.json

@@ -1,7 +1,7 @@
 {
   "title": "婚庆文化沉浸体验展",
   "banner": {
-    "margin": "11rpx",
+    "style": "margin: 11rpx;",
     "btmShadow": true,
     "border": {
       "width": "28rpx",
@@ -52,5 +52,5 @@
     "bg": "/images/img-bd.png"
   },
   "timerBdImgPath": "/images/timer-bd.png",
-  "globalVar": "--record-title-color:rgba(0,0,0,0.6);--record-inner-color:rgba(0,0,0,0.6);--primary-color:#b78a2d;--text-color:rgba(0, 0, 0, 0.6);--text-tips-color:#898989;"
+  "globalVar": "--bg-color:#FFDEBB;--record-title-color:rgba(0,0,0,0.6);--record-inner-color:rgba(0,0,0,0.6);--primary-color:#b78a2d;--text-color:rgba(0, 0, 0, 0.6);--text-tips-color:#898989;"
 }

pages/index/index.wxml

@@ -1,7 +1,7 @@
 <!--index.wxml-->
 <view class="container" style="{{info.globalVar}}">
   <view wx:if="{{info.globalVar}}" class="body" style="background-image:url({{cdn_url}}/images/bg.jpg);">
-    <view wx:if="{{info.banner.list.length}}" class="swp">
+    <view wx:if="{{info.banner.list.length}}" class="swp" style="{{info.banner.style}}">
       <block wx:if="{{info.banner.border}}">
         <image style="width:{{info.banner.border.width}}" class="swp__bd top lf" src="{{cdn_url+info.banner.border['tp-lf']}}" mode="widthFix" />
         <image style="width:{{info.banner.border.width}}" class="swp__bd top rt" src="{{cdn_url+info.banner.border['tp-rf']}}" mode="widthFix" />

pages/index/index.wxss

@@ -6,12 +6,12 @@
 .body {
   min-height: 100vh;
   overflow-y: auto;
-  background: no-repeat center / cover;
+  background: no-repeat top / 100% auto;
+  background-color: var(--bg-color);
 }
 
 .swp {
   position: relative;
-  margin: 11rpx;
 }
 .swp__shadow {
   position: absolute;