mfx/loveKeyAdmin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化ai角色

Browse Source
This commit is contained in:
没复习
2026-04-08 16:01:01 +08:00
parent 2fe186168f
commit a5b9f1043e
1 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/keyboard/aicompanion/index.vue
View File

@@ -101,14 +101,15 @@
<el-table-column label="ID" align="center" prop="id" width="80px" /> <el-table-column label="ID" align="center" prop="id" width="80px" />
<el-table-column label="角色头像" align="center" prop="avatarUrl" width="100px"> <el-table-column label="角色头像" align="center" prop="avatarUrl" width="100px">
<template #default="scope"> <template #default="scope">
<el-image v-if="scope.row.avatarUrl" :src="scope.row.avatarUrl" fit="cover" class="avatar-image" <el-image v-if="scope.row.avatarUrl" :src="scope.row.avatarUrl" fit="contain" class="avatar-image"
:preview-src-list="[scope.row.avatarUrl]" /> :preview-src-list="[scope.row.avatarUrl]" preview-teleported />
<span v-else>无</span> <span v-else>无</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="角色封面图" align="center" prop="coverImageUrl" width="120px"> <el-table-column label="角色封面图" align="center" prop="coverImageUrl" width="120px">
<template #default="scope"> <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> <span v-else>无</span>
</template> </template>
</el-table-column> </el-table-column>
@@ -301,16 +302,22 @@ onMounted(() => {
<style scoped> <style scoped>
/* 头像和封面图样式 */ /* 头像和封面图样式 */
.avatar-image { .avatar-image {
width: 40px; width: 56px;
height: 40px; height: 56px;
border-radius: 50%; border-radius: 8px;
border: 1px solid var(--el-border-color-light);
background-color: var(--el-fill-color-light);
padding: 4px;
cursor: pointer; cursor: pointer;
} }
.cover-image { .cover-image {
width: 80px; width: 96px;
height: 48px; height: 64px;
border-radius: 4px; border-radius: 4px;
border: 1px solid var(--el-border-color-light);
background-color: var(--el-fill-color-light);
padding: 4px;
cursor: pointer; cursor: pointer;
} }
@@ -329,4 +336,4 @@ onMounted(() => {
.el-table-column__content .el-button { .el-table-column__content .el-button {
margin-right: 4px; margin-right: 4px;
} }
</style> </style>