From 2e79eb346f945bcd90a7bb3c471ddcfb9ea4c39c Mon Sep 17 00:00:00 2001
From: Gsh <15170702455@163.com>
Date: Mon, 7 Jul 2025 21:47:21 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=B7=BB=E5=8A=A0=E5=BE=AE=E4=BF=A1?=
 =?UTF-8?q?=E7=BE=A4=E4=BA=8C=E7=BB=B4=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Yi.Ai.Vue3/src/pages/products/index.vue | 62 +++++++++++++++++++++++--
 1 file changed, 59 insertions(+), 3 deletions(-)

diff --git a/Yi.Ai.Vue3/src/pages/products/index.vue b/Yi.Ai.Vue3/src/pages/products/index.vue
index 0dcbe14f..7157e1d9 100644
--- a/Yi.Ai.Vue3/src/pages/products/index.vue
+++ b/Yi.Ai.Vue3/src/pages/products/index.vue
@@ -3,6 +3,14 @@ import { CircleCheck } from '@element-plus/icons-vue';
 import { ElMessageBox } from 'element-plus';
 import SupportModelProducts from '@/components/SupportModelProducts/indexl.vue';
 
+const wxSrc = computed(
+  () => `${import.meta.env.VITE_WEB_BASE_API}/wwwroot/aihub/wx.png`,
+);
+// 微信群二维码
+const wxGroupQD = 'https://ai.ccnetcore.com/prod-api/wwwroot/aihub/jlq.png';
+const srcList = [
+  wxGroupQD,
+];
 const pricing = [
   {
     name: 'VIP',
@@ -87,9 +95,6 @@ const faqs = [
   },
 ];
 
-const wxSrc = computed(
-  () => `${import.meta.env.VITE_WEB_BASE_API}/wwwroot/aihub/wx.png`,
-);
 function openContact() {
   ElMessageBox.alert(
     `
@@ -114,12 +119,27 @@ function openContact() {
       </div>
 
       <div class="flex justify-center mb-4">
+      <div>
+      <h4>
+      站长微信
+</h4>
         <img
           src="${wxSrc.value}"
           class="w-50 h-70 border border-gray-200 rounded-lg shadow-md cursor-pointer hover:shadow-lg transition-transform hover:scale-105"
           onclick="document.getElementById('wechat-qrcode-fullscreen').style.display = 'flex'"
           alt="微信二维码"
         >
+</div><div>
+      <h4>
+      微信交流群
+</h4>
+        <img
+          src="${wxGroupQD}"
+          class="w-50 h-70 border border-gray-200 rounded-lg shadow-md cursor-pointer hover:shadow-lg transition-transform hover:scale-105"
+          onclick="document.getElementById('wx-group-qrcode-fullscreen').style.display = 'flex'"
+          alt="微信二维码"
+        >
+</div>
       </div>
 
       <div class="text-sm text-gray-600">
@@ -137,6 +157,16 @@ function openContact() {
           style="max-width:90%; max-height:90%; border:8px solid white; border-radius:16px; box-shadow:0 0 40px rgba(255,255,255,0.2);"
         />
       </div>
+      <div
+        id="wx-group-qrcode-fullscreen"
+        style="display:none; position:fixed; inset:0; background:rgba(0,0,0,0.8); z-index:9999; justify-content:center; align-items:center;"
+        onclick="this.style.display='none'"
+      >
+        <img
+          src="${wxGroupQD}"
+          style="max-width:90%; max-height:90%; border:8px solid white; border-radius:16px; box-shadow:0 0 40px rgba(255,255,255,0.2);"
+        />
+      </div>
 
 
     </div>
@@ -237,6 +267,22 @@ function openContact() {
         </p>
       </el-collapse-item>
     </el-collapse>
+    <el-divider class="my-16">
+      加入群聊
+    </el-divider>
+    <el-collapse class="max-w-3xl mx-auto" accordion>
+      <el-image
+        style="width: 500px; height: auto"
+        :src="url"
+        :zoom-rate="1.2"
+        :max-scale="7"
+        :min-scale="0.2"
+        :preview-src-list="srcList"
+        show-progress
+        :initial-index="4"
+        fit="cover"
+      />
+    </el-collapse>
   </div>
 </template>
 
@@ -247,4 +293,14 @@ function openContact() {
 .el-card:hover {
   transform: scale(1.02);
 }
+.demo-image__error .image-slot {
+  font-size: 30px;
+}
+.demo-image__error .image-slot .el-icon {
+  font-size: 30px;
+}
+.demo-image__error .el-image {
+  width: 100%;
+  height: 200px;
+}
 </style>