<template>
	<view class="contents">
		<!-- 视频区 -->
		<view class="banner"></view>
		<login></login>
		<tabs></tabs>
		<!-- 聊天 -->
		<view class="chat">
			<chat></chat>
		</view>
		<!-- 底部 -->
		<view class="footer">
			<foot></foot>
		</view>
	</view>
</template>

<script>
	import login from "@/components/login/login.vue"
	import tabs from "@/components/tabs/tabs.vue"
	import foot from "@/components/footer/footer.vue"
	import chat from "@/components/chat/chat.vue"
	export default {
		components: {
			foot,chat,login,tabs
		},
		data() {
			return {
				loading: true,
				value:''
			}
		},
		onLoad() {

		},
		onshow() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.contents {
		width: 750rpx;
		display: flex;
		flex-direction: column;

		.banner {
			width: 100%;
			height: 420rpx;
			background-image: url("../../static/images/banner.png");
			background-repeat: no-repeat;
			background-size: contain;
		}

		.title {
			height: 72rpx;
			background-color: #5E6DF0;
			color: white;
			display: flex;
			align-items: center;
			padding-left: 20rpx;
		}

		.chat {
			flex: 1;
			overflow: hidden;
		}

		.footer {
			height: 88rpx;
			position: fixed;
			left: 0;
			right: 0;
			bottom: 0;
			display: flex;
			background-color: white;
			box-shadow: 0 -2rpx 30rpx #dadada;;
		}
	}
</style>
