feat(user): 完善提现规则展示与秒杀购买交互

- 新增提现规则卡片,展示提现额度、最低提现、单次限额、每日限额、每日提现次数、提现时间、到账时间、手续费等
- 添加提现规则说明文字,提示审核时间、提现次数限制、金额范围和提现时间段
- 优化秒杀详情和秒杀页面购买按钮交互,增加秒杀状态提示(未开始、已结束、已抢光)
- 统一秒杀购买事件处理函数名为 handleBuyClick,取消按钮条件绑定,增强点击响应体验
- 新增提现规则相关样式,确保提现规则卡和说明区块视觉效果一致
This commit is contained in:
2026-06-23 16:52:21 +08:00
parent 45b7b100ab
commit e72ca89b2b
5 changed files with 191 additions and 25 deletions

View File

@@ -89,6 +89,72 @@
font-weight: bold;
}
/* 提现规则卡片 */
.rules-card {
margin: 0 24rpx 24rpx;
padding: 32rpx;
background: #fff;
border-radius: 16rpx;
}
.rules-title {
margin-bottom: 24rpx;
padding-bottom: 20rpx;
border-bottom: 2rpx solid #f0f0f0;
}
.rules-title-text {
font-size: 30rpx;
font-weight: bold;
color: #333;
}
.rules-list {
display: flex;
flex-direction: column;
gap: 0;
}
.rule-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18rpx 0;
border-bottom: 1rpx solid #f8f8f8;
}
.rule-item:last-child {
border-bottom: none;
}
.rule-label {
font-size: 26rpx;
color: #666;
flex-shrink: 0;
}
.rule-value {
font-size: 26rpx;
color: #ff6b35;
font-weight: bold;
}
/* 规则说明 */
.rules-note {
margin-top: 24rpx;
padding: 24rpx;
background: #fff9f5;
border-radius: 12rpx;
border-left: 6rpx solid #ff6b35;
}
.rules-note-text {
font-size: 24rpx;
color: #888;
line-height: 1.8;
display: block;
}
.submit-btn {
margin: 48rpx 24rpx;
padding: 24rpx 0;

View File

@@ -126,23 +126,77 @@ export default function WithdrawPage() {
)}
</View>
<View className="config-card">
<View className="config-item">
<Text className="config-label"></Text>
<Text className="config-value">¥{config.withdraw_max_amount || '200'}</Text>
{/* 提现规则 */}
<View className="rules-card">
<View className="rules-title">
<Text className="rules-title-text"></Text>
</View>
<View className="config-item">
<Text className="config-label"></Text>
<Text className="config-value">¥{config.withdraw_daily_limit || '2000'}</Text>
</View>
{config.withdraw_time_start && (
<View className="config-item">
<Text className="config-label"></Text>
<Text className="config-value">
{config.withdraw_time_start} - {config.withdraw_time_end}
</Text>
<View className="rules-list">
<View className="rule-item">
<Text className="rule-label"></Text>
<Text className="rule-value">¥{stats.withdrawingTotal || '0.00'}</Text>
</View>
)}
<View className="rule-item">
<Text className="rule-label"></Text>
<Text className="rule-value">¥{config.withdraw_min_amount || '10'}</Text>
</View>
<View className="rule-item">
<Text className="rule-label"></Text>
<Text className="rule-value">¥{config.withdraw_max_amount || '200'}</Text>
</View>
<View className="rule-item">
<Text className="rule-label"></Text>
<Text className="rule-value">¥{config.withdraw_daily_limit || '2000'}</Text>
</View>
<View className="rule-item">
<Text className="rule-label"></Text>
<Text className="rule-value">{config.withdraw_daily_count || 3}/</Text>
</View>
{config.withdraw_time_start ? (
<View className="rule-item">
<Text className="rule-label"></Text>
<Text className="rule-value">{config.withdraw_time_start} - {config.withdraw_time_end}</Text>
</View>
) : (
<View className="rule-item">
<Text className="rule-label"></Text>
<Text className="rule-value"></Text>
</View>
)}
<View className="rule-item">
<Text className="rule-label"></Text>
<Text className="rule-value">{config.arrival_time || '1-3个工作日'}</Text>
</View>
{config.withdraw_fee_rate && parseFloat(config.withdraw_fee_rate) > 0 ? (
<View className="rule-item">
<Text className="rule-label"></Text>
<Text className="rule-value">{config.withdraw_fee_rate}%</Text>
</View>
) : (
<View className="rule-item">
<Text className="rule-label"></Text>
<Text className="rule-value"></Text>
</View>
)}
</View>
{/* 规则说明 */}
<View className="rules-note">
<Text className="rules-note-text">
1-3
</Text>
<Text className="rules-note-text">
{config.withdraw_daily_count || 3}
</Text>
<Text className="rules-note-text">
¥{config.withdraw_min_amount || '10'} - ¥{config.withdraw_max_amount || '200'}
</Text>
{config.withdraw_time_start && (
<Text className="rules-note-text">
{config.withdraw_time_start}-{config.withdraw_time_end}
</Text>
)}
</View>
</View>
<View