96 lines
4.2 KiB
Plaintext
96 lines
4.2 KiB
Plaintext
<!--pages/usercenter/balance/index.wxml-->
|
|
<t-navbar title="我的余额" />
|
|
|
|
<view class="balance-card">
|
|
<view class="balance-total">
|
|
<text class="total-amount">{{totalAmount}}</text>
|
|
<text class="total-label">总金额(元)</text>
|
|
</view>
|
|
<view class="balance-info">
|
|
<view class="balance-info-item">
|
|
<text class="label">可提现余额(元)</text>
|
|
<view class="value-wrap">
|
|
<text class="value">{{accountInfo.amount}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="balance-info-item">
|
|
<text class="label">冻结中余额(元)</text>
|
|
<view class="value-wrap">
|
|
<text class="value">{{accountInfo.freeze}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<t-button block theme="primary" class="withdraw-btn" style="width:320rpx;margin:0 auto;" bindtap="onWithdraw">提现</t-button>
|
|
</view>
|
|
|
|
<!-- 提现规则：默认折叠，展示核心摘要；点击展开完整规则 -->
|
|
<view class="rules-card">
|
|
<view class="rules-header" hover-class="rules-header--hover" bindtap="onToggleRules">
|
|
<view class="rules-header-left">
|
|
<t-icon name="info-circle-filled" size="34rpx" color="#ff5f15" />
|
|
<text class="rules-header-title">提现规则</text>
|
|
</view>
|
|
<view class="rules-header-right">
|
|
<text class="rules-toggle-text">{{rulesExpanded ? '收起' : '展开'}}</text>
|
|
<t-icon name="chevron-down" size="30rpx" color="#a9aeb8" class="rules-arrow {{rulesExpanded ? 'is-expand' : ''}}" />
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 折叠态：核心要点摘要 -->
|
|
<view class="rules-brief {{rulesExpanded ? 'is-hide' : ''}}">
|
|
<view class="brief-item" wx:for="{{briefRules}}" wx:key="*this">
|
|
<t-icon name="check-circle-filled" size="24rpx" color="#ff5f15" class="brief-icon" />
|
|
<text class="brief-text">{{item}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 展开态：完整规则 -->
|
|
<view class="rules-body {{rulesExpanded ? 'is-expand' : ''}}">
|
|
<view class="rules-body-inner">
|
|
<view class="rule-item" wx:for="{{ruleList}}" wx:key="title">
|
|
<view class="rule-index">{{index + 1}}</view>
|
|
<view class="rule-content">
|
|
<view class="rule-title">{{item.title}}</view>
|
|
<view class="rule-desc">{{item.desc}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="balance-detail">
|
|
<view class="detail-title">余额明细</view>
|
|
<view class="tab-bar">
|
|
<view class="tab-item {{tab==='all'?'active':''}}" bindtap="onTabChange" data-value="all">全部</view>
|
|
<view class="tab-item {{tab==='income'?'active':''}}" bindtap="onTabChange" data-value="income">收入</view>
|
|
<view class="tab-item {{tab==='expense'?'active':''}}" bindtap="onTabChange" data-value="expense">支出</view>
|
|
</view>
|
|
<view>
|
|
<block wx:for="{{list}}" wx:key="id">
|
|
<t-cell class="{{(index === list.length - 1) ? 'no-border' : ''}}">
|
|
<view slot="title">
|
|
<view class="item-title">{{item.log}}</view>
|
|
<view class="item-time">{{item.createtime}}</view>
|
|
</view>
|
|
<view slot="note">
|
|
<view class="item-amount {{item.inc_or_exp == 1 ? 'plus' : 'minus'}}">
|
|
{{item.inc_or_exp == 1 ? '+' : '-'}}{{item.amount}}
|
|
</view>
|
|
</view>
|
|
</t-cell>
|
|
</block>
|
|
<view class="empty-container" wx:if="{{list.length <= 0}}">
|
|
<t-empty icon="file" description="暂无记录" />
|
|
</view>
|
|
<t-load-more status="{{loadMoreStatus}}" />
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 提现弹窗 -->
|
|
<t-dialog visible="{{showWithdrawDialog}}" title="提现" confirmBtn="确认" cancelBtn="取消" t-class-confirm="dialog__button-confirm" t-class-cancel="dialog__button-cancel" bind:confirm="onConfirmWithdraw" bind:cancel="onCancelWithdraw" content="请填写该微信账号的真实姓名，用于安全校验">
|
|
<view class="dialog-content" slot="content">
|
|
<t-input label="真实姓名" placeholder="请输入姓名" value="{{withdrawName}}" bindchange="onWithdrawNameInput" />
|
|
<t-input label="提现金额" placeholder="请输入提现金额" type="digit" value="{{withdrawAmount}}" bindchange="onWithdrawAmountInput" />
|
|
<view class="dialog-tips">单笔 0-200 元，每日最多 10 次，单日累计不超过 2000 元；到账至微信零钱，1-3 个工作日内到账</view>
|
|
</view>
|
|
</t-dialog> |