fix: 联系客服优化

Yi.Ai.Vue3/src/components/ContactUs/index.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
+import { ElImageViewer, ElMessage } from 'element-plus';
 import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
-import { ElMessage, ElImageViewer } from 'element-plus';
 import { contactConfig } from '@/config/constants';
 
 export interface ContactType {
@@ -254,7 +254,7 @@ function closeImageViewer() {
     </div>
 
     <!-- 图片查看器 -->
-    <el-image-viewer
+    <ElImageViewer
       v-if="showImageViewer"
       :url-list="[currentImageUrl]"
       :hide-on-click-modal="true"
@@ -379,7 +379,7 @@ function closeImageViewer() {
 
   .qr-image {
     width: 120px;
-    height: 120px;
+    height: auto;
     border-radius: 8px;
     border: 2px solid #e8ecf0;
     padding: 4px;
@@ -512,7 +512,8 @@ function closeImageViewer() {
 
     .qr-image {
       width: 140px;
-      height: 140px;
+      height: auto;
+
     }
 
     .qr-label {
@@ -577,7 +578,8 @@ function closeImageViewer() {
 
   .qr-code .qr-image {
     width: 120px;
-    height: 120px;
+    height: auto;
+
   }
 }
 </style>

Yi.Ai.Vue3/src/config/constants.ts

@@ -7,8 +7,8 @@ export const contactConfig = {
 
   // 二维码图片路径
   images: {
-    customerService: '/src/assets/images/wx.png', // 客服微信二维码
-    communityGroup: '/src/assets/images/wx-group-qr.jpg', // 交流群二维码
+    customerService: '   https://ccnetcore.com/prod-api/wwwroot/aihub/wx.png ', // 客服微信二维码
+    communityGroup: ' https://ccnetcore.com/prod-api/wwwroot/aihub/jlq.png', // 交流群二维码
     afterSalesGroup: '', // 售后群二维码
   },
 };