<template>
	<view class="content">
		<view class="list">
			<view class="list-content">
				{{list}}
			</view>
			<view class="time">
				{{time}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:'水岸边阿是你的奶奶ID你阿森纳迪纳斯的那四年Indian设定阿萨德',
				time:'2021-1-2 10:00:00'
			};
		}
	}
</script>

<style lang="scss">
page,.content{
	padding: 0;
	margin: 0;
	height: 100%;
	width: 750rpx;
	background: #111111;
	.list{
		height: 130rpx;
	padding: 20rpx  30rpx;
	background: #222222;
	border-bottom:2rpx solid #919295; ;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	
		.list-content{
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis; 
			font-size: 26rpx;
			font-weight: 500;
			color: #FFFFFF;
		}
		.time{
			font-size: 20rpx;
			font-weight: 500;
			color: #999999;
		}
	}
}
</style>
