feat: update withdraw rules and layout

This commit is contained in:
xin 2026-02-04 19:24:16 +08:00
parent 5dff46f5b7
commit a3920751a5
2 changed files with 129 additions and 21 deletions

View File

@ -56,13 +56,62 @@
<!-- 提现说明 -->
<view class="instruction-section">
<view class="instruction-title">提现说明:</view>
<view class="instruction-list">
<view class="instruction-item">1. 单笔提现10-2000元支持分多笔申请</view>
<view class="instruction-item">2. 提现扣除一定手续费,实际到账金额实时展示;</view>
<view class="instruction-item">3. T+1工作日到账不含节假日/周末),收款账户需实名一致;</view>
<view class="instruction-item">4. 禁止违规获利,否则平台有权拒绝提现。</view>
</view>
<scroll-view scroll-y class="instruction-scroll">
<!-- 规则说明 -->
<view class="rule-block">
<view class="rule-header">
<text class="rule-icon">📄</text>
<text class="rule-title">提现规则说明</text>
</view>
<view class="rule-content">
<view class="rule-item">1. <text class="rule-label">最低提现金额:</text>单笔提现金额不低于 ¥100.00。</view>
<view class="rule-item">2. <text class="rule-label">每日提现次数:</text>每日最多可发起 3 次提现申请。</view>
<view class="rule-item">3. <text class="rule-label">可提现余额:</text>仅限“已结算”状态的收入可提现,待结算金额暂不支持。</view>
<view class="rule-item">4. <text class="rule-label">提现服务费:</text>每笔提现收取 1% 服务费(最低 ¥1.00),由第三方支付平台收取。</view>
<view class="rule-item">5. <text class="rule-label">审核时间:</text>提现申请将在 24 小时 内完成审核并安排打款。</view>
<view class="rule-item">6. <text class="rule-label">到账时间:</text>审核通过后,预计 24 小时内到账,具体以银行或微信到账通知为准。</view>
<view class="rule-item">7. <text class="rule-label">账户要求:</text>提现账户需为 本人实名认证 的微信或银行卡。</view>
<view class="rule-item">8. <text class="rule-label">失败处理:</text>如提现失败,金额将自动退回至可提现余额,可重新发起申请。</view>
</view>
</view>
<!-- 常见问题 -->
<view class="rule-block">
<view class="rule-header">
<text class="rule-title">常见问题</text>
</view>
<view class="rule-content">
<view class="qa-item">
<view class="qa-q">· 为什么提现金额不符?</view>
<view class="qa-a">可提现金额仅包含已结算收入,待结算部分暂不可提。</view>
</view>
<view class="qa-item">
<view class="qa-q">· 提现服务费如何计算?</view>
<view class="qa-a">每笔提现收取 5% 作为服务费,在提现金额中自动扣除。</view>
</view>
<view class="qa-item">
<view class="qa-q">· 提现未到账怎么办?</view>
<view class="qa-a">请在提现记录中查看审核状态,如超时未到账,请联系客服处理。</view>
</view>
<view class="qa-item">
<view class="qa-q">· 如何更换提现账户?</view>
<view class="qa-a">请在“账户管理”中更新实名认证信息。</view>
</view>
</view>
</view>
<!-- 需要帮助 -->
<view class="rule-block">
<view class="rule-header">
<text class="rule-icon">📞</text>
<text class="rule-title">需要帮助?</text>
</view>
<view class="rule-content">
<view class="help-text">如有疑问,请前往 <text class="link">帮助中心</text> 或联系 <text class="link">在线客服</text>。</view>
<view class="help-text">服务时间:工作日 9:00-22:00</view>
</view>
</view>
</scroll-view>
</view>
</view>

View File

@ -187,33 +187,92 @@
/* 提现说明 */
.instruction-section {
margin-top: 64rpx;
padding: 40rpx;
padding: 32rpx;
background: #F9FAFB;
border-radius: 32rpx;
border: 2rpx dashed #E5E7EB;
margin-bottom: 40rpx;
}
.instruction-title {
font-size: 32rpx;
font-weight: 800;
color: #374151;
margin-bottom: 24rpx;
display: block;
.instruction-scroll {
max-height: 600rpx;
}
.instruction-list {
.rule-block {
margin-bottom: 40rpx;
}
.rule-block:last-child {
margin-bottom: 0;
}
.rule-header {
display: flex;
align-items: center;
gap: 12rpx;
margin-bottom: 24rpx;
}
.rule-icon {
font-size: 32rpx;
}
.rule-title {
font-size: 30rpx;
font-weight: 800;
color: #111827;
}
.rule-content {
display: flex;
flex-direction: column;
gap: 20rpx;
gap: 16rpx;
}
.instruction-item {
font-size: 28rpx;
.rule-item {
font-size: 26rpx;
color: #4B5563;
line-height: 1.7;
position: relative;
padding-left: 4rpx;
line-height: 1.6;
text-align: justify;
}
.rule-label {
font-weight: 700;
color: #374151;
}
.qa-item {
margin-bottom: 20rpx;
}
.qa-item:last-child {
margin-bottom: 0;
}
.qa-q {
font-size: 26rpx;
font-weight: 700;
color: #374151;
margin-bottom: 8rpx;
}
.qa-a {
font-size: 26rpx;
color: #6B7280;
line-height: 1.5;
padding-left: 20rpx;
}
.help-text {
font-size: 26rpx;
color: #4B5563;
line-height: 1.6;
}
.link {
color: #B06AB3;
font-weight: 600;
display: inline;
}