luo/device-voice-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 弹窗
All checks were successful
构建并部署前端到生产环境 / build-and-deploy (push) Successful in 44s
Details

Browse Source
This commit is contained in:
sexygoat
2026-04-14 12:32:20 +08:00
parent 7a7d63d327
commit e9634cd4bf
1 changed files with 44 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
pages/my-wallet/my-wallet.vue
View File

@@ -23,50 +23,6 @@
</view>
</view>
<!-- 充值弹窗 -->
<up-popup :show="showRechargeModal" mode="center" @close="showRechargeModal=false">
<view class="recharge-popup">
<view class="popup-header">
<view class="popup-title">账户充值</view>
<view class="popup-close" @tap="showRechargeModal=false">×</view>
</view>
<view class="recharge-amounts">
<view
class="amount-item"
v-for="item in rechargeAmounts"
:key="item.value"
:class="{ active: selectedAmount === item.value }"
@tap="selectAmount(item.value)"
>
<text class="amount-value">¥{{ item.label }}</text>
</view>
<view
class="amount-item custom"
:class="{ active: isCustomAmount }"
@tap="selectCustomAmount"
>
<text class="amount-value">自定义</text>
</view>
</view>
<view class="custom-input" v-if="isCustomAmount">
<view class="input-label">请输入充值金额（元）</view>
<up-input
v-model="customAmount"
type="number"
placeholder="最低0.01元"
border="surround"
/>
</view>
<view class="popup-footer">
<button class="btn-apple btn-secondary" @tap="showRechargeModal=false">取消</button>
<button class="btn-apple btn-primary" @tap="confirmRecharge">确认充值</button>
</view>
</view>
</up-popup>
<view class="tab-section">
<view class="tab-header">
<view class="tab-indicator" :style="{ left: currentTab === 0 ? '8rpx' : '50%' }"></view>
@@ -165,6 +121,50 @@
</scroll-view>
</swiper-item>
</swiper>
<!-- 充值弹窗 -->
<up-popup :show="showRechargeModal" mode="center" @close="showRechargeModal=false">
<view class="recharge-popup">
<view class="popup-header">
<view class="popup-title">账户充值</view>
<view class="popup-close" @tap="showRechargeModal=false">×</view>
</view>
<view class="recharge-amounts">
<view
class="amount-item"
v-for="item in rechargeAmounts"
:key="item.value"
:class="{ active: selectedAmount === item.value }"
@tap="selectAmount(item.value)"
>
<text class="amount-value">¥{{ item.label }}</text>
</view>
<view
class="amount-item custom"
:class="{ active: isCustomAmount }"
@tap="selectCustomAmount"
>
<text class="amount-value">自定义</text>
</view>
</view>
<view class="custom-input" v-if="isCustomAmount">
<view class="input-label">请输入充值金额（元）</view>
<up-input
v-model="customAmount"
type="number"
placeholder="最低0.01元"
border="surround"
/>
</view>
<view class="popup-footer">
<button class="btn-apple btn-secondary" @tap="showRechargeModal=false">取消</button>
<button class="btn-apple btn-primary" @tap="confirmRecharge">确认充值</button>
</view>
</view>
</up-popup>
</view>
</view>
</template>