og/PC
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
li 2026-01-30 17:59:35 +08:00
parent 8d9154c668
commit d7e2243c07
6 changed files with 134 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/common/js/lang/en.js
View File

@ -355,7 +355,14 @@ var en={
grab_tip_success : 'Succeed in seizing the villa',
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.',
}

7
src/common/js/lang/tv.js
View File

@ -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.',
}

7
src/common/js/language.js
View File

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

6
src/components/header/header.vue
View File

@ -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>

102
src/components/rechargeInfo/recharge-info.vue Normal file
View File

@ -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>

4
src/pages/main.vue
View File

@ -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() {