fix: 添加微信群二维码

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>