更新样式

src/views/components/quickSendGame/sendGame/SendTransWxGame.vue

@@ -29,7 +29,7 @@
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="">
+        <el-form-item label="选择渠道">
           <el-select
             v-model="wxGameForm.wx_game_channel"
             placeholder="请选择渠道"
@@ -39,7 +39,7 @@
           >
             <el-option
               v-for="(item,index) in wxGameChannelList"
-              :key="index"
+              :key="item.key"
               :label="item.name"
               :value="item.key"
             >
@@ -58,7 +58,7 @@
           <div class="background-options">
             <el-radio
               v-for="(item, index) in backgroundImgsList"
-              :key="index"
+              :key="item.background_img"
               :label="index"
               class="background-radio-item"
             >
@@ -822,12 +822,12 @@
   background: #fff;
   border: 1.5px solid #e5e7eb;
   border-radius: 8px;
-  padding: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   transition: all 0.3s;
+  padding: 10px 30px;
 }
 
 .background-radio-item.is-checked .background-card {
@@ -836,8 +836,6 @@
 
 .background-preview-wrapper {
   position: relative;
-  width: 100%;
-  height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -845,8 +843,7 @@
 
 .background-preview {
   width: 100%;
-  height: 100%;
-  object-fit: contain;
+  object-fit:100% 100%;
   pointer-events: none;
   border-radius: 5px;
 }
@@ -918,21 +915,20 @@
   justify-content: center;
   align-items: center;
   min-height: 400px;
-  padding: 0 20px;
+  padding: 20px;
+  padding-top: 0;
 }
 
 .preview-wrapper {
   position: relative;
-  display: inline-block;
   width: 100%;
+  display: flex;
 }
 
 .preview-background {
-  width: 100%;
-  max-height: 70vh;
-  object-fit: contain;
   display: block;
   border-radius: 10px;
+  max-width: 100%;
 }
 
 .preview-qrcode {