<template>
	<div class="content">
		<div class="msgliste">
			<search></search>
			<chatlist></chatlist>
		</div>
		<div class="chatbox">
			<message></message>
			<v-text></v-text>
		</div>
	</div>
</template>

<script>
import search from '@/components/search/search'
import chatlist from '@/components/chatlist/chatlist'
import message from '@/components/message/message'
import vText from '@/components/text/text'
export default {
   components: {
   	 search,
   	 chatlist,
   	 message,
   	 vText
   }
}
</script>

<style lang="stylus" scoped>
.content
  display: flex
  width: 800px
  height:calc(100%);
  .msgliste
    height:calc(100%);
    width: 250px
    background: rgb(230,230,230)
  .chatbox
    height:100%;
    flex: 1
</style>
