43 lines
989 B
Vue
43 lines
989 B
Vue
<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>
|