feat(recharge): 新增充值/提现说明弹窗

- 在顶部导航栏添加入口按钮（金币图标）
- 显示最低充值额度 100K 和最低提现额度 100K
- 支持简体中文、繁体中文、英文、越南语多语言

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

src/common/js/lang/en.js

@@ -356,6 +356,13 @@ var en={
     
     msg_not_bet                         :'You have no bet record in your last shop',
 
+    /////////////充值提现说明
+    tip_recharge_withdraw               : 'Deposit/Withdraw Info',
+    recharge_withdraw_title             : 'Deposit & Withdrawal Instructions',
+    min_recharge                        : 'Minimum Deposit',
+    min_withdraw                        : 'Minimum Withdrawal',
+    recharge_withdraw_note              : 'Note: Please ensure your bank card information is correct to avoid delays in processing.',
+
   }
   
   

src/common/js/lang/tv.js

@@ -354,6 +354,13 @@ var tv={
   
   msg_not_bet                         :'Anh không có tiền án cá cược ở cửa hàng trước.',
 
+  /////////////充值提现说明
+  tip_recharge_withdraw               : 'Hướng dẫn nạp/rút tiền',
+  recharge_withdraw_title             : 'Hướng dẫn nạp tiền và rút tiền',
+  min_recharge                        : 'Số tiền nạp tối thiểu',
+  min_withdraw                        : 'Số tiền rút tối thiểu',
+  recharge_withdraw_note              : 'Lưu ý: Vui lòng đảm bảo thông tin thẻ ngân hàng của bạn chính xác để tránh ảnh hưởng đến thời gian nhận tiền.',
+
 }
 
 

src/common/js/language.js

@@ -356,6 +356,13 @@ var cn={
   
   msg_not_bet                         :'您上一铺无下注记录',
 
+  /////////////充值提现说明
+  tip_recharge_withdraw               : '充值/提现说明',
+  recharge_withdraw_title             : '充值与提现说明',
+  min_recharge                        : '最低充值金额',
+  min_withdraw                        : '最低提现金额',
+  recharge_withdraw_note              : '温馨提示：请确保您的银行卡信息正确，以免影响到账时间。',
+
 }
 
 

src/components/header/header.vue

@@ -22,6 +22,9 @@
           <el-tooltip class="item" effect="dark" :content="Language.tip_game_rule" placement="bottom">
               <span class="btn rules-btn" @click="isShowPop('rules');"></span>
           </el-tooltip>
+          <el-tooltip class="item" effect="dark" :content="Language.tip_recharge_withdraw" placement="bottom">
+              <span class="btn recharge-info-btn" @click="isShowPop('rechargeInfo');"></span>
+          </el-tooltip>
           <el-tooltip class="item" effect="dark" :content="Language.edit_pass" placement="bottom">
              <span class="btn updatepwd-btn"  @click="isShowPop('updatepwd');"></span>
           </el-tooltip>
@@ -209,6 +212,9 @@ export default {
    .view-top .signout-btn{
     background-image:url(../../common/image/icon/btn_exit.png);
   }
+   .view-top .recharge-info-btn{
+    background-image:url(../../common/image/icon/icon_money.png);
+  }
 
 
 </style>

src/components/rechargeInfo/recharge-info.vue

@@ -0,0 +1,102 @@
+<template>
+  <div class="recharge-info">
+    <div class="btn off-btn" @click="offPop"></div>
+    <div class="title">{{Language.recharge_withdraw_title}}</div>
+    <div class="content">
+      <div class="info-item">
+        <div class="label">{{Language.min_recharge}}</div>
+        <div class="value">100K</div>
+      </div>
+      <div class="info-item">
+        <div class="label">{{Language.min_withdraw}}</div>
+        <div class="value">100K</div>
+      </div>
+      <div class="note">{{Language.recharge_withdraw_note}}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+export default {
+  methods: {
+    offPop() {
+      this.$store.dispatch('updatemainPop', { type: '', ishow: false });
+    }
+  },
+  computed: {
+    ...mapState(['Language'])
+  }
+}
+</script>
+
+<style scoped>
+.recharge-info {
+  width: 400px;
+  position: absolute;
+  background: rgba(0, 0, 0, 0.85);
+  border-radius: 10px;
+  left: 50%;
+  top: 50%;
+  margin-left: -200px;
+  margin-top: -350px;
+  z-index: 99;
+  border: 1px solid #907545;
+}
+
+.recharge-info .title {
+  background: url(../../common/image/box_title_bg.png);
+  background-size: 100% 100%;
+  text-align: center;
+  line-height: 40px;
+  width: 100%;
+  color: #161107;
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.recharge-info .off-btn {
+  width: 35px;
+  height: 35px;
+  position: absolute;
+  right: -12px;
+  top: -12px;
+  background: url(../../common/image/off_box_bg.png);
+  background-size: 100%;
+  cursor: pointer;
+}
+
+.recharge-info .content {
+  padding: 30px 40px;
+}
+
+.recharge-info .info-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 15px 20px;
+  margin-bottom: 15px;
+  background: rgba(144, 117, 69, 0.2);
+  border-radius: 8px;
+  border: 1px solid #907545;
+}
+
+.recharge-info .info-item .label {
+  color: #d4c4a8;
+  font-size: 14px;
+}
+
+.recharge-info .info-item .value {
+  color: #ffd700;
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.recharge-info .note {
+  color: #999;
+  font-size: 12px;
+  text-align: center;
+  margin-top: 10px;
+  line-height: 1.6;
+}
+</style>

src/pages/main.vue

@@ -23,6 +23,8 @@
       <v-updatelang  v-if="mainPop.type=='updatelang'"></v-updatelang>
       <!-- 客服 -->
       <v-updateService  v-if="mainPop.type=='updateService'"></v-updateService>
+      <!-- 充值提现说明 -->
+      <v-rechargeInfo class="animated bounceInUp" v-if="mainPop.type=='rechargeInfo'"></v-rechargeInfo>
       <!-- 设置 -->
       <!-- 大厅视频弹窗 -->
       <div class="hall-video animated bounceInUp" v-if="mainPop.type=='hallvideo'">
@@ -47,6 +49,7 @@ import rules from '@/components/rules/rules.vue'
 import updatepwd from '@/components/updatepwd/updatepwd.vue'
 import updatelang from '@/components/updatelang/updatelang.vue'
 import updateService from '@/components/updateService/update-service.vue'
+import rechargeInfo from '@/components/rechargeInfo/recharge-info.vue'
 import { Dialog } from 'element-ui';
 
 import { mapState } from 'vuex'
@@ -72,6 +75,7 @@ export default {
     'v-updatepwd':updatepwd,
     'v-updatelang':updatelang,
     'v-updateService':updateService,
+    'v-rechargeInfo':rechargeInfo,
     'el-dialog':Dialog
   }, 
   mounted: function() {