开发佣金规则页面

salesperson/pages/commission/index.less

@@ -26,14 +26,14 @@
     }
 
     .text {
-        font-size: 28rpx;
-        color: #666666;
-        line-height: 50rpx;
+        font-size: 30rpx;
+        color: #333;
+        line-height: 60rpx;
     }
 
     .table {
         width: 620rpx;
-        margin: 0 auto;
+        margin: 0 auto 26rpx;
 
         .header {
             margin-top: 10px;
@@ -48,7 +48,7 @@
         .tr {
             display: flex;
             align-items: center;
-            font-size: 22rpx;
+            font-size: 26rpx;
             color: #1A1A1A;
             text-align: center;
             border: 1rpx solid #F6CFBA;
@@ -73,11 +73,11 @@
                 width: 200rpx;
             }
         }
+    }
 
-        .desc {
-            margin-top: 12rpx;
-            font-size: 23rpx;
-            color: #666666;
-        }
+    .desc {
+        margin-top: 12rpx;
+        font-size: 28rpx;
+        color: #333;
     }
 }

salesperson/pages/commission/index.wxml

@@ -1,8 +1,8 @@
 <view class="container">
     <view class="title">分销规则</view>
-    <view class="text">1、申请注册成为推荐官</view>
-    <view class="text">2、通过您的账号分享，邀约的用户，实现销售收益，即 可获取佣金。</view>
-    <view class="text"> 3、佣金比例设置</view>
+    <view class="text">一、申请注册成为推荐官</view>
+    <view class="text">二、通过您的账号分享，邀约的用户，实现销售收益，即可获取佣金。</view>
+    <view class="text">三、佣金比例设置</view>
     <view class="table">
         <view class="header">
             分销员佣金比例设置对应表（仅供参考）
@@ -16,25 +16,26 @@
             <view class="td1">{{item.title}}</view>
             <view class="td2" wx:if="{{index==0}}">≤{{item.endAmount/100}}</view>
             <view class="td2" wx:if="{{index==list.length-1}}">＞{{item.startAmount/100}}</view>
-            <view class="td2" wx:if="{{index!=0&&index!=list.length-1}}">＞{{item.startAmount/100}}，≤{{item.endAmount/100}}
+            <view class="td2" wx:if="{{index!=0&&index!=list.length-1}}">
+                ＞{{item.startAmount/100}}，≤{{item.endAmount/100}}
             </view>
             <view class="td3">{{item.ratio}}%</view>
         </view>
-        <view class="desc">
-            例:累计销售10000
-        </view>
-        <view class="desc">
-            (10000-5000)*30%+(5000-1000)*25+(1000-0)*20%=2700
-        </view>
     </view>
-    <view class="text" style="margin-top:20rpx"> 4、结算流程</view>
-    <view class="text">-您推荐的用户购买支付7天，该笔订单佣金方可结算提现</view>
-    <view class="text">-在推荐中心可查询所有订单/佣金，可在在线发起提现申请</view>
-    <view class="text">-提现规则：</view>
+    <view class="desc">
+        假设累计销售金额10000元，那么您获取的佣金是？
+    </view>
+    <view class="desc" style="font-size: 24rpx;">
+        (10000-5000)*30%+(5000-1000)*25+(1000-0)*20%=2700元
+    </view>
+    <view class="text" style="margin-top:20rpx">四、结算流程</view>
+    <view class="text">1、您推荐的用户购买支付7天，该笔订单佣金方可结算提现。</view>
+    <view class="text">2、在推荐中心可查询所有订单收益，可在线发起提现申请。</view>
+    <view class="text">3、提现规则：</view>
     <view class="text">
         账户佣金余额大于50元，方可发起提现申请；
     </view>
     <view class="text">
-        提现申请24小时内经审核通过，自动转入您的微信钱包 （备注：根据微信小程序提现规则单笔转账最高500元 单日转账最高20,000元）
+        提现申请24小时内经审核通过，自动转入您的微信钱包，根据微信小程序提现规则单笔转账最高500元单日转账最高20,000元。
     </view>
 </view>

salesperson/pages/commission/index.wxss

@@ -24,13 +24,13 @@
   border-radius: 50%;
 }
 .container .text {
-  font-size: 28rpx;
-  color: #666666;
-  line-height: 50rpx;
+  font-size: 30rpx;
+  color: #333;
+  line-height: 60rpx;
 }
 .container .table {
   width: 620rpx;
-  margin: 0 auto;
+  margin: 0 auto 26rpx;
 }
 .container .table .header {
   margin-top: 10px;
@@ -44,7 +44,7 @@
 .container .table .tr {
   display: flex;
   align-items: center;
-  font-size: 22rpx;
+  font-size: 26rpx;
   color: #1A1A1A;
   text-align: center;
   border: 1rpx solid #F6CFBA;
@@ -65,8 +65,8 @@
 .container .table .tr .td3 {
   width: 200rpx;
 }
-.container .table .desc {
+.container .desc {
   margin-top: 12rpx;
-  font-size: 23rpx;
-  color: #666666;
+  font-size: 28rpx;
+  color: #333;
 }