更新样式

src/assets/icon/svg/uncheck.svg

+<svg t="1765950660083" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5445" width="200" height="200"><path d="M512 938.666667C276.362667 938.666667 85.333333 747.637333 85.333333 512S276.362667 85.333333 512 85.333333s426.666667 191.029333 426.666667 426.666667-191.029333 426.666667-426.666667 426.666667z m0-64c200.298667 0 362.666667-162.368 362.666667-362.666667S712.298667 149.333333 512 149.333333 149.333333 311.701333 149.333333 512s162.368 362.666667 362.666667 362.666667z"  p-id="5446"></path></svg>
\ No newline at end of file

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

@@ -3,10 +3,11 @@
     <el-drawer
       title="选择游戏"
       :visible="show"
-      size="400px"
+      size="420px"
       append-to-body
       @close="close"
     >
+    <div class="sendTransWxGame">
       <el-form ref="wxGameForm" :model="wxGameForm" :rules="wxGameRules" label-position="top" class="game-select-container">
         <!-- 微信小游戏 -->
         <el-form-item label="">
@@ -46,7 +47,7 @@
           </el-select>
         </el-form-item>
               <!-- 选择背景图 新增背景图的选项 -->
-      <el-form-item v-if="backgroundImgsList.length > 0" label="">
+      <el-form-item v-if="backgroundImgsList.length > 0" label="" style="margin-bottom: 100px;">
         <template slot="label">
           <p class="formLabel">
             <span class="required-mark">*</span>
@@ -79,9 +80,10 @@
                     alt="二维码"
                   >
                 </div>
-                <!-- 左上角小眼睛图标 -->
-                <div class="eye-icon" @click.stop="showPreview(item, index)">
-                  <i class="el-icon-view"></i>
+                <!-- 右上角选中/未选中图标 -->
+                <div class="status-icon">
+                  <i v-if="wxGameForm.selectedBackgroundIndex === index" class="el-icon-circle-check status-icon-checked"></i>
+                  <svg-icon v-else icon-class="uncheck" class="status-icon-unchecked"></svg-icon>
                 </div>
               </div>
             </el-radio>
@@ -152,6 +154,7 @@
           <el-button @click="previewVisible = false">关闭</el-button>
         </span>
       </el-drawer>
+    </div>
     </el-drawer>
   </template>
   
@@ -711,6 +714,12 @@
     font-size: 16px;
     font-weight: 500;
   }
+  .sendTransWxGame{
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    padding-bottom: 50px;
+  }
   .dialog-footer{
     width: calc(100%);
     height: auto;
@@ -865,42 +874,52 @@
   top: 6.5px;
   width: 16px;
   height: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   z-index: 10;
-  
   .status-icon-checked {
     font-size: 14px;
     color: #00bf8a;
+    width: 14px;
+    height: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
   
   .status-icon-unchecked {
     font-size: 14px;
-    color: #909399;
+    color: #b1b2b4;
+    width: 14px;
+    height: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 }
 
 .preview-dialog {
-    right: 400px;
+    right: 420px;
+    height: auto;
+    background: none;
 }
 
 .preview-content {
   width: 100%;
+  height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   min-height: 400px;
+  padding: 0 20px;
 }
 
 .preview-wrapper {
   position: relative;
   display: inline-block;
-  max-width: 100%;
+  width: 100%;
 }
 
 .preview-background {
-  max-width: 100%;
+  width: 100%;
   max-height: 70vh;
   object-fit: contain;
   display: block;