新增:IM 弹框
This commit is contained in:
42
src/views/im/Conversation/index.vue
Normal file
42
src/views/im/Conversation/index.vue
Normal file
@ -0,0 +1,42 @@
|
||||
<script setup lang="ts">
|
||||
/* 搜索框组件 */
|
||||
import SearchInput from '@/components/SearchInput/index.vue'
|
||||
/* 欢迎页 */
|
||||
import Welcome from '@/components/Welcome/index.vue'
|
||||
import ConversationList from '../Conversation/components/ConversationList.vue'
|
||||
</script>
|
||||
<template>
|
||||
<el-container style="height: 100%">
|
||||
<el-aside class="chat_conversation_box">
|
||||
<!-- 搜索组件 -->
|
||||
<SearchInput :searchType="'conversation'" />
|
||||
<div class="chat_conversation_list">
|
||||
<ConversationList />
|
||||
</div>
|
||||
</el-aside>
|
||||
<el-main class="chat_conversation_main_box">
|
||||
<router-view />
|
||||
<Welcome />
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.chat_conversation_box {
|
||||
position: relative;
|
||||
background: #cfdbf171;
|
||||
overflow: hidden;
|
||||
min-width: 324px;
|
||||
|
||||
.chat_conversation_list {
|
||||
height: calc(100% - 60px);
|
||||
}
|
||||
}
|
||||
|
||||
.chat_conversation_main_box {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user