<template>
	<view class="chat">
		<scroll-view class="chat-soll" scroll-y>
			<view v-for="(item, index) in 50" :key="index">{{item}}滚动的聊天记录</view>
		</scroll-view>
		<view class="chat-footer">
			<view class="chat-inputs">
				<view class="">常用语</view>
				<input type="text" placeholder="输入框" confirm-type="send">
				<view class="">表情</view>
				<view class="">加</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.chat{
		background: #ddd;
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		.chat-soll{
			height: 50vh;
		}
		.chat-footer{
			background: white;
			padding: 30rpx 30rpx 60rpx 30rpx;
			.chat-inputs{
				display: flex;
				background: #f6f7f9;
				height: 80rpx;
				border-radius: 40rpx;
			}
		}
	}
</style>
