root/ludu-admin-vue3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

【优化】处理 AI 角色搜索换行问题

Browse Source
This commit is contained in:
cherishsince 2024-05-17 16:00:00 +08:00
parent d5ffc80ea5
commit 68762e73a2
1 changed files with 37 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/ai/chat/role/RoleList.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<div class="card-list" ref="tabsRef" @scroll="handleTabsScroll"> <div class="card-list" ref="tabsRef" @scroll="handleTabsScroll">
<el-card class="card" body-class="card-body" v-for="role in roleList" :key="role.id"> <div class="card-item" v-for="role in roleList" :key="role.id">
<el-card class="card" body-class="card-body">
<!-- 更多 --> <!-- 更多 -->
<div class="more-container"> <div class="more-container">
<el-dropdown @command="handleMoreClick"> <el-dropdown @command="handleMoreClick">
@ -38,6 +39,7 @@
</div> </div>
</el-card> </el-card>
</div> </div>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@ -121,12 +123,17 @@ onMounted(() => {
height: 100%; height: 100%;
overflow: auto; overflow: auto;
padding: 0px 25px; padding: 0px 25px;
align-items: start;
align-content: flex-start;
justify-content: start;
.card { .card {
display: inline-block;
margin-right: 20px; margin-right: 20px;
border-radius: 10px; border-radius: 10px;
margin-bottom: 30px; margin-bottom: 30px;
position: relative; position: relative;
//max-height: 152px;
.more-container { .more-container {
position: absolute; position: absolute;