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>