评论商品接口有问题

pages/my-index/qr-code/index.vue

@@ -1,7 +1,7 @@
 <script setup>
   import { useAuthUser } from '@/composables/useAuthUser'
 
-  const { userInfo } = useAuthUser()
+  const { userInfo, tencentUserSig } = useAuthUser()
 </script>
 
 <template>
@@ -19,7 +19,13 @@
         <text>ID: {{ userInfo.userId }}</text>
       </view>
     </view>
-    <view class="code-img">二维码</view>
+    <view class="code-img">
+      <l-qrcode
+        :value="`/pages/adduser/index?id=${tencentUserSig.userId}`"
+        size="240"
+      />
+    </view>
+    <text class="bottom-text">邀请码：{{ userInfo.invitationCode }}</text>
   </view>
 </template>
 
@@ -30,6 +36,13 @@
     flex-direction: column;
     align-items: center;
 
+    .bottom-text {
+      font-size: 38rpx;
+      color: #333333;
+      margin-top: 10rpx;
+      font-weight: 600;
+    }
+
     .top-img {
       width: 480rpx;
       display: flex;
@@ -60,7 +73,9 @@
     }
 
     .code-img {
-      background: rgb(165, 136, 136);
+      display: flex;
+      justify-content: center;
+      align-items: center;
       width: 480rpx;
       height: 480rpx;
     }