smart-flow/yudao-ui-admin-vben
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat：【ele】【ai】chat/index：修复小按钮之间的间隙不生效问题

Browse Source
This commit is contained in:
YunaiV
2025-11-19 20:31:33 +08:00
parent 55b47214c6
commit c0fe164710
2 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/web-ele/src/views/ai/chat/index/index.vue
View File

@@ -578,26 +578,26 @@ onMounted(async () => {
<ElButton <ElButton
type="primary" type="primary"
plain plain
class="px-2" class="!px-2"
size="small" size="small"
@click="openChatConversationUpdateForm" @click="openChatConversationUpdateForm"
> >
<span v-html="activeConversation?.modelName"></span> <span v-html="activeConversation?.modelName"></span>
<IconifyIcon icon="lucide:settings" class="ml-2 size-4" /> <IconifyIcon icon="lucide:settings" class="!ml-2 size-4" />
</ElButton> </ElButton>
<ElButton <ElButton
size="small" size="small"
class="px-2" class="!ml-0 !px-2"
@click="handlerMessageClear" @click="handlerMessageClear"
> >
<IconifyIcon icon="lucide:trash-2" color="#787878" /> <IconifyIcon icon="lucide:trash-2" color="#787878" />
</ElButton> </ElButton>
<ElButton size="small" class="px-2"> <ElButton size="small" class="!ml-0 !px-2">
<IconifyIcon icon="lucide:download" color="#787878" /> <IconifyIcon icon="lucide:download" color="#787878" />
</ElButton> </ElButton>
<ElButton <ElButton
size="small" size="small"
class="px-2" class="!ml-0 !px-2"
@click="handleGoTopMessage" @click="handleGoTopMessage"
> >
<IconifyIcon icon="lucide:arrow-up" color="#787878" /> <IconifyIcon icon="lucide:arrow-up" color="#787878" />

14
apps/web-ele/src/views/ai/chat/index/modules/message/list.vue
View File

@@ -153,9 +153,8 @@ onMounted(async () => {
/> />
</div> </div>
<div class="mt-2 flex flex-row"> <div class="mt-2 flex flex-row">
<!-- TODO @AI：按钮之间，空隙太大 -->
<ElButton <ElButton
class="flex items-center bg-transparent px-1.5 hover:bg-gray-100" class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
text text
@click="copyContent(item.content)" @click="copyContent(item.content)"
> >
@@ -163,7 +162,7 @@ onMounted(async () => {
</ElButton> </ElButton>
<ElButton <ElButton
v-if="item.id > 0" v-if="item.id > 0"
class="flex items-center bg-transparent px-1.5 hover:bg-gray-100" class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
text text
@click="handleDelete(item.id)" @click="handleDelete(item.id)"
> >
@@ -197,30 +196,29 @@ onMounted(async () => {
</div> </div>
</div> </div>
<div class="mt-2 flex flex-row-reverse"> <div class="mt-2 flex flex-row-reverse">
<!-- TODO @AI：按钮之间，空隙太大 -->
<ElButton <ElButton
class="flex items-center bg-transparent px-1.5 hover:bg-gray-100" class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
text text
@click="copyContent(item.content)" @click="copyContent(item.content)"
> >
<IconifyIcon icon="lucide:copy" /> <IconifyIcon icon="lucide:copy" />
</ElButton> </ElButton>
<ElButton <ElButton
class="flex items-center bg-transparent px-1.5 hover:bg-gray-100" class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
text text
@click="handleDelete(item.id)" @click="handleDelete(item.id)"
> >
<IconifyIcon icon="lucide:trash" /> <IconifyIcon icon="lucide:trash" />
</ElButton> </ElButton>
<ElButton <ElButton
class="flex items-center bg-transparent px-1.5 hover:bg-gray-100" class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
text text
@click="handleRefresh(item)" @click="handleRefresh(item)"
> >
<IconifyIcon icon="lucide:refresh-cw" /> <IconifyIcon icon="lucide:refresh-cw" />
</ElButton> </ElButton>
<ElButton <ElButton
class="flex items-center bg-transparent px-1.5 hover:bg-gray-100" class="!ml-1 flex items-center bg-transparent !px-1.5 hover:bg-gray-100"
text text
@click="handleEdit(item)" @click="handleEdit(item)"
> >