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

【优化】处理btn全局样式问题

Browse Source
This commit is contained in:
cherishsince 2024-05-18 22:02:52 +08:00
parent de754a6a6e
commit 7de0b075cb
1 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/ai/chat/Conversation.vue
View File

@ -42,16 +42,16 @@
</div> </div>
<!-- TODO @fan：缺一个【置顶】按钮，效果改成 hover 上去展示 --> <!-- TODO @fan：缺一个【置顶】按钮，效果改成 hover 上去展示 -->
<div class="button-wrapper"> <div class="button-wrapper">
<el-button link @click="handlerTop(conversation)"> <el-button class="btn" link @click="handlerTop(conversation)" >
<el-icon title="置顶" v-if="!conversation.pinned"><Top /></el-icon> <el-icon title="置顶" v-if="!conversation.pinned"><Top /></el-icon>
<el-icon title="置顶" v-if="conversation.pinned"><Bottom /></el-icon> <el-icon title="置顶" v-if="conversation.pinned"><Bottom /></el-icon>
</el-button> </el-button>
<el-button link @click="updateConversationTitle(conversation)"> <el-button class="btn" link @click="updateConversationTitle(conversation)">
<el-icon title="编辑" > <el-icon title="编辑" >
<Icon icon="ep:edit"/> <Icon icon="ep:edit"/>
</el-icon> </el-icon>
</el-button> </el-button>
<el-button link @click="deleteChatConversation(conversation)"> <el-button class="btn" link @click="deleteChatConversation(conversation)">
<el-icon title="删除会话" > <el-icon title="删除会话" >
<Icon icon="ep:delete"/> <Icon icon="ep:delete"/>
</el-icon> </el-icon>
@ -332,12 +332,6 @@ onMounted(async () => {
</script> </script>
<style>
.el-button--default {
margin: 0!important;
}
</style>
<style scoped lang="scss"> <style scoped lang="scss">
.conversation-container { .conversation-container {
@ -410,6 +404,10 @@ onMounted(async () => {
justify-items: center; justify-items: center;
color: #606266; color: #606266;
.btn {
margin: 0;
}
.el-icon { .el-icon {
//margin-right: 5px; //margin-right: 5px;
} }