评论商品接口有问题

pages/shop-together/share.vue

@@ -1,15 +1,39 @@
-<script setup></script>
+<script setup>
+  import { onLoad } from '@dcloudio/uni-app'
+  import { ref } from 'vue'
+  import { useUI } from '../../utils/use-ui'
+
+  const { showToast } = useUI()
+
+  const groupId = ref('')
+  const productId = ref('')
+  const qrcodeRef = ref(null)
+
+
+  onLoad(e => {
+    groupId.value = e.id
+    productId.value = e.productId
+    // /pages/mall/detail
+  })
+
+</script>
 
 <template>
   <view class="share-box">
     <nav-bar title="拼单" targetColor="transparent"></nav-bar>
     <view class="code-box">
       <view class="code-content">
-        <view class="code">二维码</view>
-        <view class="btn-box">
-          <text>分享二维码</text>
-          <text>保存到本地</text>
+        <view class="code">
+          <l-qrcode
+            ref="qrcodeRef"
+            :value="`/pages/mall/detail?productId=${productId}&groupId=${groupId}`"
+            size="160"
+          />
         </view>
+        <!-- <view class="btn-box">
+          <text>分享二维码</text>
+          <text @click="onCode">保存到本地</text>
+        </view> -->
       </view>
     </view>
   </view>
@@ -26,7 +50,7 @@
     background-repeat: no-repeat;
 
     .code-box {
-      padding-top: 20vh;
+      padding-top: 24vh;
       display: flex;
       justify-content: center;
 
@@ -40,15 +64,17 @@
         justify-content: center;
         align-items: center;
         .code {
+          display: flex;
+          justify-content: center;
+          align-items: center;
           width: 332rpx;
           height: 332rpx;
-          background: rgb(202, 118, 118);
         }
         .btn-box {
           margin-top: 60rpx;
           width: 332rpx;
           display: flex;
-          justify-content: space-between;
+          justify-content: center;
           font-weight: bold;
           font-size: 28rpx;
           color: #ffffff;