完成小程序前端部分

pages/personCenter/component/commissionPop/commissionPop.js

@@ -0,0 +1,24 @@
+// pages/personCenter/component/commissionPop/commissionPop.js
+Component({
+
+  /**
+   * 组件的属性列表
+   */
+  properties: {
+
+  },
+
+  /**
+   * 组件的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 组件的方法列表
+   */
+  methods: {
+
+  }
+})

pages/personCenter/component/commissionPop/commissionPop.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

pages/personCenter/component/commissionPop/commissionPop.wxml

@@ -0,0 +1,16 @@
+<view class="flex-col section">
+  <text class="self-center text">一键设置</text>
+  <view class="flex-col self-stretch mt-36">
+    <view class="flex-row justify-between items-baseline self-stretch">
+      <input class="font text_2" placeholder="请设置抽佣比例" />
+      <text class="font text_3">%</text>
+    </view>
+    <view class="self-start group mt-17">
+      <text class="font_2 text_4">注意：最高抽成比例</text>
+      <text class="font_2 text_5">5%</text>
+    </view>
+    <view class="flex-col justify-start items-center self-center text-wrapper mt-17">
+      <text class="font_2 text_6">确认设置</text>
+    </view>
+  </view>
+</view>

pages/personCenter/component/commissionPop/commissionPop.wxss

@@ -0,0 +1,53 @@
+.mt-17 {
+  margin-top: 31.88rpx;
+}
+.section {
+  margin-left: 52.5rpx;
+  margin-right: 50.63rpx;
+  padding: 44.04rpx 38.44rpx 41.25rpx;
+  background-color: #ffffff;
+  border-radius: 18.75rpx;
+}
+.text {
+  color: #000000;
+  font-size: 30rpx;
+  font-family: SourceHanSansCN;
+  line-height: 27.84rpx;
+}
+.font {
+  font-size: 26.25rpx;
+  font-family: SourceHanSansCN;
+  color: #000000;
+}
+.text_2 {
+  line-height: 24.34rpx;
+}
+.text_3 {
+  margin-right: 9.28rpx;
+  line-height: 19.93rpx;
+}
+.group {
+  line-height: 21.06rpx;
+}
+.font_2 {
+  font-size: 22.5rpx;
+  font-family: SourceHanSansCN;
+  line-height: 21.06rpx;
+}
+.text_4 {
+  color: #000000;
+}
+.text_5 {
+  color: #ff5733;
+  line-height: 17.08rpx;
+}
+.text-wrapper {
+  padding: 20.85rpx 0 16.44rpx;
+  background-color: #ff8d1a;
+  border-radius: 93.75rpx;
+  width: 255rpx;
+}
+.text_6 {
+  color: #ffffff;
+  line-height: 20.83rpx;
+}