This commit is contained in:
@@ -23,50 +23,6 @@
|
|||||||
</view>
|
</view>
|
||||||
</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-section">
|
||||||
<view class="tab-header">
|
<view class="tab-header">
|
||||||
<view class="tab-indicator" :style="{ left: currentTab === 0 ? '8rpx' : '50%' }"></view>
|
<view class="tab-indicator" :style="{ left: currentTab === 0 ? '8rpx' : '50%' }"></view>
|
||||||
@@ -165,6 +121,50 @@
|
|||||||
</scroll-view>
|
</scroll-view>
|
||||||
</swiper-item>
|
</swiper-item>
|
||||||
</swiper>
|
</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>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user