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="角色头像" 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>
</style>