<template>
	<view class="container">
		<view class="list">
			<view class="item" v-for="(item,index) in 10" :key="index">
				<view class="time">
					08-03 08:00
				</view>
				<view class="con">
					<view class="title">
						公告通知标题
					</view>
					<view class="info">
						最新消息详情xxxx 最新消息详情xxxx最新消息详情xxxx
					</view>
				</view>

			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	$color: #FCAA30;

	.container {
		padding: 30rpx;

		.list {
			.item {
				margin-bottom: 20rpx;

				.time {
					height: 60rpx;
					line-height: 60rpx;
					text-align: center;
					font-size: 24rpx;
					font-weight: 500;
					color: #999999;
				}

				.con {
					padding: 20rpx;
					border-radius: 10rpx;
					background-color: #fff;

					.title {
						font-size: 30rpx;
						font-weight: bold;
						color: #0D0D0D;
						line-height: 40rpx;
					}

					.info {
						margin-top: 10rpx;
						line-height: 40rpx;
						font-size: 26rpx;
						font-weight: 500;
						color: #999999;
					}
				}
			}

		}
	}
</style>