完成小程序前端部分

pages/personCenter/component/InvitationCodePop/InvitationCodePop.js

@@ -1,24 +1,32 @@
-// pages/personCenter/component/InvitationCodePop/InvitationCodePop.js
 Component({
-
-  /**
-   * 组件的属性列表
-   */
   properties: {
-
+    // 接收传递进来的二维码图片路径
+    show: {           // 控制显示/隐藏
+      type: Boolean,
+      value: false
+    },
+    qrcode: {
+      type: String,
+      value: ""
+    },
   },
 
-  /**
-   * 组件的初始数据
-   */
   data: {
-
+    closeIcon: "./images/cha.png",  // 关闭按钮的图标
   },
 
-  /**
-   * 组件的方法列表
-   */
   methods: {
+    // 关闭弹窗
+    close() {
+      // 触发关闭弹窗事件
+      this.triggerEvent('close');
+    },
 
+    // 预览二维码
+    previewQrcode() {
+      wx.previewImage({
+        urls: [this.data.qrcode],  // 预览图片
+      });
+    }
   }
-})
+});

pages/personCenter/component/InvitationCodePop/InvitationCodePop.wxml

@@ -6,8 +6,8 @@
   <!-- 弹窗内容 -->
   <view class="flex-col page" wx:if="{{show}}">
     <view class="flex-col self-stretch section">
-      <text class="self-center text">作业码</text>
-      <text class="self-center font text_2 mt-23">引导用户通过扫描此码来完成相应的任务</text>
+      <text class="self-center text">邀请码</text>
+      <text class="self-center font text_2 mt-23">分享邀请码，邀请好友一起赚钱</text>
       <view class="flex-col self-stretch group mt-23">
         <image
           class="self-center image"
@@ -16,9 +16,6 @@
         />
         <view class="mt-20 flex-col items-start self-stretch">
           <text class="font text_3">点击二维码放大，长按保存</text>
-          <view class="flex-col justify-start items-center text-wrapper mt-19" bindtap="copyLink">
-            <text class="font text_4">复制推广链接</text>
-          </view>
         </view>
       </view>
     </view>

pages/personCenter/component/InvitationCodePop/InvitationCodePop.wxss

@@ -1,4 +1,4 @@
-@import "../../../app.wxss";
+@import "../../../../app.wxss";
 
 .mt-23 {
   margin-top: 53.57rpx;