From a5b9f1043eb2856fa435ffbda94dd405e235c40c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B2=A1=E5=A4=8D=E4=B9=A0?= <2353956224@qq.com>
Date: Wed, 8 Apr 2026 16:01:01 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96ai=E8=A7=92=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/keyboard/aicompanion/index.vue | 25 +++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/views/keyboard/aicompanion/index.vue b/src/views/keyboard/aicompanion/index.vue
index 4342a81..710a5ee 100644
--- a/src/views/keyboard/aicompanion/index.vue
+++ b/src/views/keyboard/aicompanion/index.vue
@@ -101,14 +101,15 @@
       <el-table-column label="ID" align="center" prop="id" width="80px" />
       <el-table-column label="角色头像" align="center" prop="avatarUrl" width="100px">
         <template #default="scope">
-          <el-image v-if="scope.row.avatarUrl" :src="scope.row.avatarUrl" fit="cover" class="avatar-image"
-            :preview-src-list="[scope.row.avatarUrl]" />
+          <el-image v-if="scope.row.avatarUrl" :src="scope.row.avatarUrl" fit="contain" class="avatar-image"
+            :preview-src-list="[scope.row.avatarUrl]" preview-teleported />
           <span v-else>无</span>
         </template>
       </el-table-column>
       <el-table-column label="角色封面图" align="center" prop="coverImageUrl" width="120px">
         <template #default="scope">
-          <el-image v-if="scope.row.coverImageUrl" :src="scope.row.coverImageUrl" fit="cover" class="cover-image" />
+          <el-image v-if="scope.row.coverImageUrl" :src="scope.row.coverImageUrl" fit="contain" class="cover-image"
+            :preview-src-list="[scope.row.coverImageUrl]" preview-teleported />
           <span v-else>无</span>
         </template>
       </el-table-column>
@@ -301,16 +302,22 @@ onMounted(() => {
 <style scoped>
 /* 头像和封面图样式 */
 .avatar-image {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
+  width: 56px;
+  height: 56px;
+  border-radius: 8px;
+  border: 1px solid var(--el-border-color-light);
+  background-color: var(--el-fill-color-light);
+  padding: 4px;
   cursor: pointer;
 }
 
 .cover-image {
-  width: 80px;
-  height: 48px;
+  width: 96px;
+  height: 64px;
   border-radius: 4px;
+  border: 1px solid var(--el-border-color-light);
+  background-color: var(--el-fill-color-light);
+  padding: 4px;
   cursor: pointer;
 }
 
@@ -329,4 +336,4 @@ onMounted(() => {
 .el-table-column__content .el-button {
   margin-right: 4px;
 }
-</style>
\ No newline at end of file
+</style>