开发佣金页面

salesperson/pages/commission/index.less

@@ -1 +1,77 @@
-/* salesperson/pages/commission/index.wxss */
+.container {
+    width: 100%;
+    min-height: 100vh;
+    padding: 50rpx 30rpx;
+    border-radius: 40rpx 40rpx 10rpx 10rpx;
+    background-color: white;
+
+    .title {
+        position: relative;
+        margin-bottom: 20rpx;
+        margin-left: 30rpx;
+        font-size: 30rpx;
+        font-weight: bold;
+        color: #0F0F0F;
+    }
+
+    .title:before {
+        position: absolute;
+        content: '';
+        left: -22rpx;
+        top: 14rpx;
+        width: 14rpx;
+        height: 14rpx;
+        background: #FF9D69;
+        border-radius: 50%;
+    }
+
+    .text {
+        font-size: 28rpx;
+        color: #666666;
+        line-height: 50rpx;
+    }
+
+    .table {
+        width: 620rpx;
+        margin: 0 auto;
+
+        .header {
+            margin-top: 10px;
+            padding: 12rpx 0;
+            background: #FF9D69;
+            border: 1rpx solid #FF9D69;
+            color: white;
+            font-size: 22rpx;
+            text-align: center;
+        }
+
+        .tr {
+            display: flex;
+            align-items: center;
+            font-size: 22rpx;
+            color: #1A1A1A;
+            text-align: center;
+            border: 1rpx solid #F6CFBA;
+            border-top: none;
+
+            view {
+                padding: 12rpx 0;
+                box-sizing: border-box;
+            }
+
+            .td1 {
+                width: 170rpx;
+                border-right: 1rpx solid #F6CFBA;
+            }
+
+            .td2 {
+                flex: 1;
+                border-right: 1rpx solid #F6CFBA;
+            }
+
+            .td3 {
+                width: 200rpx;
+            }
+        }
+    }
+}

salesperson/pages/commission/index.wxml

@@ -1,3 +1,16 @@
 <view class="container">
-    
-</view>
+    <view class="title">分销规则</view>
+    <view class="text">1、申请注册成为推荐官</view>
+    <view class="text">2、通过您的账号分享，邀约的用户，实现销售收益，即 可获取佣金。</view>
+    <view class="text"> 3、佣金比例设置</view>
+    <view class="table">
+        <view class="header">
+            分销员佣金比例设置对应表（仅供参考）
+        </view>
+        <view class="tr">
+            <view class="td1">等级</view>
+            <view class="td2">累计销售金额（元）</view>
+            <view class="td3">区间佣金比率</view>
+        </view>
+    </view>
+</view>

salesperson/pages/commission/index.wxss

@@ -1 +1,67 @@
-/* salesperson/pages/commission/index.wxss */
+.container {
+  width: 100%;
+  min-height: 100vh;
+  padding: 50rpx 30rpx;
+  border-radius: 40rpx 40rpx 10rpx 10rpx;
+  background-color: white;
+}
+.container .title {
+  position: relative;
+  margin-bottom: 20rpx;
+  margin-left: 30rpx;
+  font-size: 30rpx;
+  font-weight: bold;
+  color: #0F0F0F;
+}
+.container .title:before {
+  position: absolute;
+  content: '';
+  left: -22rpx;
+  top: 14rpx;
+  width: 14rpx;
+  height: 14rpx;
+  background: #FF9D69;
+  border-radius: 50%;
+}
+.container .text {
+  font-size: 28rpx;
+  color: #666666;
+  line-height: 50rpx;
+}
+.container .table {
+  width: 620rpx;
+  margin: 0 auto;
+}
+.container .table .header {
+  margin-top: 10px;
+  padding: 12rpx 0;
+  background: #FF9D69;
+  border: 1rpx solid #FF9D69;
+  color: white;
+  font-size: 22rpx;
+  text-align: center;
+}
+.container .table .tr {
+  display: flex;
+  align-items: center;
+  font-size: 22rpx;
+  color: #1A1A1A;
+  text-align: center;
+  border: 1rpx solid #F6CFBA;
+  border-top: none;
+}
+.container .table .tr view {
+  padding: 12rpx 0;
+  box-sizing: border-box;
+}
+.container .table .tr .td1 {
+  width: 170rpx;
+  border-right: 1rpx solid #F6CFBA;
+}
+.container .table .tr .td2 {
+  flex: 1;
+  border-right: 1rpx solid #F6CFBA;
+}
+.container .table .tr .td3 {
+  width: 200rpx;
+}

salesperson/pages/sale/index.js

@@ -19,4 +19,4 @@ Page({
             url: `/salesperson/pages/${currentTarget.dataset.url}/index`,
         })
     },
-})
+})