Просмотр исходного кода

feat: add withdrawal rules display on withdraw page per review guideline

Xiaogang Liao 3 месяцев назад
Родитель
Сommit
a3131d6a71
1 измененных файлов с 64 добавлено и 0 удалено
  1. 64 0
      cfc-frontend/pages/promotion/withdraw.vue

+ 64 - 0
cfc-frontend/pages/promotion/withdraw.vue

@@ -8,6 +8,33 @@
       <text class="balance-sub">累计佣金 {{ formatPriceWithSymbol(totalCommission) }}</text>
       <text class="balance-sub">累计佣金 {{ formatPriceWithSymbol(totalCommission) }}</text>
     </view>
     </view>
 
 
+    <!-- 提现规则 -->
+    <view class="rules-card">
+      <text class="rules-title">📋 提现规则</text>
+      <view class="rules-list">
+        <view class="rule-item">
+          <text class="rule-label">可提现额度</text>
+          <text class="rule-value">可提现金额 {{ formatPriceWithSymbol(availableAmount) }},单笔最低提现 1 元</text>
+        </view>
+        <view class="rule-item">
+          <text class="rule-label">提现次数</text>
+          <text class="rule-value">每日最多提现 1 次</text>
+        </view>
+        <view class="rule-item">
+          <text class="rule-label">提现时间</text>
+          <text class="rule-value">全天 24 小时均可申请提现</text>
+        </view>
+        <view class="rule-item">
+          <text class="rule-label">到账时间</text>
+          <text class="rule-value">提交申请后 1-3 个工作日到账,节假日顺延</text>
+        </view>
+        <view class="rule-item">
+          <text class="rule-label">提现账户</text>
+          <text class="rule-value">提现至支付宝账号,请确保账号信息准确</text>
+        </view>
+      </view>
+    </view>
+
     <!-- 快捷金额 -->
     <!-- 快捷金额 -->
     <view class="quick-amounts">
     <view class="quick-amounts">
       <view class="quick-item" :class="amount === '100' ? 'quick-active' : ''" @click="amount = '100'">
       <view class="quick-item" :class="amount === '100' ? 'quick-active' : ''" @click="amount = '100'">
@@ -182,6 +209,43 @@ export default {
   display: block;
   display: block;
 }
 }
 
 
+/* ===== 提现规则 ===== */
+.rules-card {
+  background: #fff;
+  border-radius: 20rpx;
+  padding: 30rpx;
+  margin-bottom: 24rpx;
+  box-shadow: 0 2rpx 12rpx rgba(249,115,22,0.08);
+}
+.rules-title {
+  font-size: 28rpx;
+  font-weight: bold;
+  color: #1E293B;
+  display: block;
+  margin-bottom: 20rpx;
+}
+.rules-list {
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
+}
+.rule-item {
+  display: flex;
+  align-items: flex-start;
+}
+.rule-label {
+  width: 140rpx;
+  font-size: 24rpx;
+  color: #94A3B8;
+  flex-shrink: 0;
+}
+.rule-value {
+  flex: 1;
+  font-size: 24rpx;
+  color: #1E293B;
+  line-height: 1.5;
+}
+
 /* ===== 快捷金额 ===== */
 /* ===== 快捷金额 ===== */
 .quick-amounts {
 .quick-amounts {
   display: flex;
   display: flex;