| | |
|---|
| | | <el-button |
|---|
| | | @click="newChatRoomClick" |
|---|
| | | icon="ele-Plus" |
|---|
| | | color="#1c86ff" |
|---|
| | | class="flex items-center box-border mb-3 justify-center add_room cursor-pointer w-[124px] h-[32.88px] rounded-s-md text-white opacity-100" |
|---|
| | | class="flex items-center box-border mb-3 justify-center add_room cursor-pointer w-[124px] h-[32.88px] rounded-s-md text-white opacity-100 bg-[var(--color-bg-avatar)]" |
|---|
| | | > |
|---|
| | | 新建对话 |
|---|
| | | </el-button> |
|---|
| | |
|---|
| | | <div |
|---|
| | | class="flex flex-col flex-auto w-[210.98px] rounded-t-lg box-border mb-3 relative opacity-100 shadow-lg shadow-[[#0e0e0f]-500/50" |
|---|
| | | > |
|---|
| | | <div class="group flex-0 relative w100 h-[34px] bg-[#2b2c30]"> |
|---|
| | | <div class="group flex-0 relative w100 h-[34px] bg-[var(--color-bg-base-exr)]"> |
|---|
| | | <el-input clearable v-model="queryParams.title" placeholder="搜索" class="set-input"> |
|---|
| | | <template #prefix> |
|---|
| | | <el-icon><search /></el-icon> |
|---|
| | | </template> |
|---|
| | | </el-input> |
|---|
| | | <div |
|---|
| | | class="absolute hidden top-[100%] w-[84px] z-[1001] left-0 group-hover:block overflow-hidden rounded-md text-sm text-gray-500 bg-[#fff] py-1.5" |
|---|
| | | class="absolute hidden top-[100%] w-[84px] z-[1001] left-0 group-hover:block overflow-hidden rounded-md text-gray-500 bg-[#fff] py-1.5" |
|---|
| | | > |
|---|
| | | <div |
|---|
| | | class="w100 relative hover:bg-[#e6f1ff]" |
|---|
| | |
|---|
| | | |
|---|
| | | <div class="flex-auto text-[#ccc] flex flex-col items-center mt-6 overflow-y-auto set-scroll" ref="chatRoomRef"> |
|---|
| | | <div |
|---|
| | | :class="{ 'bg-[#41424a]': item.id === activeRoomId }" |
|---|
| | | :class="{ 'text-btn-base': item.id === activeRoomId }" |
|---|
| | | class="group flex items-center w-full h-10 rounded-md cursor-pointer px-2 py-2 flex-0" |
|---|
| | | v-for="(item, index) in queryData" |
|---|
| | | :key="index" |
|---|
| | | @click="roomClick(item)" |
|---|
| | | > |
|---|
| | | <div class="ywifont ywicon-xiaoxi1 flex-0 mr-2.5"></div> |
|---|
| | | <div class="flex-auto text-ellipsis text-nowrap text-sm group-hover:text-[#0084ff]">{{ item.title }}</div> |
|---|
| | | <div class="flex-auto text-ellipsis text-nowrap group-hover:text-btn-base">{{ item.title }}</div> |
|---|
| | | <div class="text-gray-100 flex items-center space-x-2 ml-1"> |
|---|
| | | <div class="ywifont invisible ywicon-bianji group-hover:visible !text-sm" @click.stop="editChat(item)"></div> |
|---|
| | | <div class="ywifont invisible ywicon-bianji group-hover:visible !" @click.stop="editChat(item)"></div> |
|---|
| | | <el-popconfirm title="确定删除聊天记录?" @confirm.stop="confirmDeleteChatRoom(item)" width="180"> |
|---|
| | | <template #reference> |
|---|
| | | <div class="ywifont invisible ywicon-shanchu3 group-hover:visible"></div> |
|---|
