<template>
	<view>
		<view class="width100 height80 backcorfff" v-for="(item,index) in messList">
			<view class="width94 bor-botm1">
				<view class="width80p flleft font14">
					<view class="width100 fcor333 text2 paddtop10">
						<text class="fcor089 marglerig">[重要]</text> 更新项目通知
					</view>
					<view class="width100 fcor999 paddtop5">
						<text class="fcor666 font12 bordercs marglerig">功能变更</text> 2020-12-12
					</view>
				</view>
				<view class="width20 flright alijusend">
					<text class="laby"></text>
					<image src="../../../static/img/jtg.png" mode="widthFix" class="iconw mart32"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				messList: [1, 2, 3, 4, 5, 6]
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F8F8F8;
	}

	.bordercs {
		border: 1px solid #dfdfdf;
		padding: 1px 2px;
		border-radius: 4px;
	}

	.laby {
		margin-top: 32px;
		margin-right: 5px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background-color: #eb5823;
	}

	.mart32 {
		margin-top: 32px;
	}
</style>
