默认展示确认框

src/components/MoneyManage/ProductSelect.vue

@@ -12,7 +12,7 @@
     </div>
 
     <div class="menu" v-show="isOpen">
-      <!-- <div class="coinselect" @click="coinhandelMenu" :class="{ 'active': coinisOpen }">
+      <div class="coinselect" @click="coinhandelMenu" :class="{ 'active': coinisOpen }">
         <div class="cointxt">
           {{ t('cash.goldProduct') }}
         </div>
@@ -24,7 +24,7 @@
       </div>
       <div class="coinoption" v-show="coinisOpen">
         <el-radio v-model="selectedValue" :label="t('cash.coinRecharge')" size="large" />
-      </div> -->
+      </div>
       <div class="product">
         <div class="coinselect" @click="producthandelMenu" :class="{ 'active': productisOpen }">
           <div class="cointxt">
@@ -119,15 +119,15 @@
 
             </div>
           </div>
-          <hr class="line">
-          <div class="selected-value">{{ t('common.selectedValue') }}：{{ selectedValue ? `（${selectedValue}）` :
-            t('common.none') }}</div>
-          <div class="confirm">
-            <el-button type="info" @click="cancelSelection">{{ t('common.cancel') }}</el-button>
-            <el-button type="primary" @click="confirmSelection">{{ t('common.confirm') }}</el-button>
-          </div>
         </div>
       </div>
+      <hr>
+      <div class="selected-value">{{ t('common.selectedValue') }}：{{ selectedValue ? `（${selectedValue}）` :
+        t('common.none') }}</div>
+      <div class="confirm">
+        <el-button type="info" @click="cancelSelection">{{ t('common.cancel') }}</el-button>
+        <el-button type="primary" @click="confirmSelection">{{ t('common.confirm') }}</el-button>
+      </div>
     </div>
   </div>
 </template>
@@ -493,7 +493,6 @@ defineExpose({ resetSelect });
   top: 100%;
   left: 0;
   width: 200%;
-  max-height: 700px;
   min-height: 200px;
   display: flex;
   padding: 10px;
@@ -581,21 +580,6 @@ defineExpose({ resetSelect });
         }
       }
 
-      .selected-value {
-        color: #5870ff;
-        font-size: 12px;
-        text-align: center;
-      }
-
-      .confirm {
-        width: 100%;
-        padding: 10px 0;
-        display: flex;
-        justify-content: center;
-        gap: 50px;
-
-
-      }
 
       .marketprodut {
         width: 100%;
@@ -650,6 +634,23 @@ defineExpose({ resetSelect });
       }
     }
   }
+
+  .selected-value {
+    width: 100%;
+    color: #5870ff;
+    font-size: 12px;
+    text-align: center;
+    border-top: 1px solid #7E91FF;
+    padding-top: 10px;
+  }
+
+  .confirm {
+    width: 100%;
+    padding: 10px 0;
+    display: flex;
+    justify-content: center;
+    gap: 50px;
+  }
 }
 
 /* Native Radio Styles */