<template>
	<view class="container">
		<view class="news-list">
			<view class="item" v-for="(item,index) in newsList" :key="item.id">
				<view class="msg">{{item.msg}}</view>
				<view class="time">{{item.time}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				newsList: [{
						id: 1,
						msg: '您有新的工序质检，请及时处理',
						time: '2022-07-09 15:00:00'
					},
					{
						id: 2,
						msg: '您有新的工序质检，请及时处理',
						time: '2022-07-09 15:00:00'
					},
					{
						id: 3,
						msg: '您有新的工序质检，请及时处理',
						time: '2022-07-09 15:00:00'
					},
					{
						id: 4,
						msg: '您有新的工序质检，请及时处理',
						time: '2022-07-09 15:00:00'
					},
					{
						id: 5,
						msg: '您有新的工序质检，请及时处理',
						time: '2022-07-09 15:00:00'
					},
					{
						id: 6,
						msg: '您有新的工序质检，请及时处理',
						time: '2022-07-09 15:00:00'
					},
					{
						id: 7,
						msg: '您有新的工序质检，请及时处理',
						time: '2022-07-09 15:00:00'
					},
					{
						id: 8,
						msg: '您有新的工序质检，请及时处理',
						time: '2022-07-09 15:00:00'
					},
					{
						id: 9,
						msg: '您有新的工序质检，请及时处理',
						time: '2022-07-09 15:00:00'
					},
					{
						id: 10,
						msg: '您有新的工序质检，请及时处理',
						time: '2022-07-09 15:00:00'
					},
					{
						id: 11,
						msg: '您有新的工序质检，请及时处理',
						time: '2022-07-09 15:00:00'
					}
				]

			}
		},
		methods: {
			backClick() {
				uni.switchTab({
					url: '/pages/index/index'
				});
			}

		}
	}
</script>

<style lang="scss" scoped>
	.container {
		background: #f9f9f9;

		.news-list {
			.item {
				margin: 10px 10px;
				border-radius: 4px;
				padding: 10px 10px 8px;
				background-color: #ffffff;
				box-sizing: border-box;
				box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);

				.msg {
					font-size: 14px;
					color: #333333;
					font-weight: 600;
				}

				.time {
					color: #666;
					font-size: 12px;
				}
			}
		}
	}
</style>