完成小程序前端部分

pages/personCenter/subCommissionSetting/subCommissionSetting.js

@@ -7,6 +7,24 @@ Page({
   data: {
     items_1: [null, null, null],
     items: [null, null],
+    showCommissionRatePop: false,
+  },
+  
+  // 点击“设价”按钮，显示弹窗
+  showCommissionRatePop() {
+    this.setData({ showCommissionRatePop: true });
+  },
+
+  // 关闭弹窗（包括遮罩点击和取消按钮）
+  closeCommissionRatePop() {
+    this.setData({ showCommissionRatePop: false });
+  },
+
+  // 确认按钮回调
+  handleCommissionRateConfirm(e) {
+    const { agentPrice, commissionRate, pricingMethod } = e.detail;
+    console.log('设置数据:', agentPrice, commissionRate, pricingMethod);
+    this.closeCommissionRatePop();
   },
 
   /**

pages/personCenter/subCommissionSetting/subCommissionSetting.json

@@ -1,3 +1,5 @@
 {
-  "usingComponents": {}
+  "usingComponents": {
+    "commissionRatePop": "/pages/personCenter/component/commissionRatePop/commissionRatePop"
+  }
 }

pages/personCenter/subCommissionSetting/subCommissionSetting.wxml

@@ -28,7 +28,7 @@
           >
             <text class="font_5 text_5">3.6元购买30元</text>
             <text class="shrink-0 font_2 text_8">0.30/0.00%</text>
-            <view class="flex-row shrink-0 group_2">
+            <view class="flex-row shrink-0 group_2" bindtap="showCommissionRatePop">
               <image
                 class="image_2"
                 src="https://ide.code.fun/api/image?token=68368d354ae84d001230f4d1&name=2994ec01c6859d93ce653a6cb3d50301.png"
@@ -40,4 +40,11 @@
       </view>
     </view>
   </view>
-</view>
+</view>
+ <!-- 弹窗组件 -->
+ <commissionRatePop
+  show="{{showCommissionRatePop}}"
+  bind:cancel="closeCommissionRatePop"
+  bind:close="closeCommissionRatePop"
+  bind:confirm="handleCommissionRateConfirm"
+/>