notice-list.html 1.36 KB
Newer Older
xinzhedeai's avatar
xinzhedeai committed
1 2 3 4 5 6 7
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover">
xinzhedeai's avatar
xinzhedeai committed
8 9
		<title>通知公告-列表</title>
		<script type="text/javascript" src="../sdk/includeHead.js"></script>
xinzhedeai's avatar
xinzhedeai committed
10 11 12 13 14 15 16 17 18 19 20
		<style>
			/**
			 * 框架样式覆盖修改
			 */
			.van-cell__value{overflow: unset; }
			.van-cell:after{border-bottom:none;}
		</style>
	</head>
	<body>
		<div id="app">
			<div class="content" v-cloak>
21
				<van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList" :immediate-check="false">
xinzhedeai's avatar
xinzhedeai committed
22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41
					<van-cell v-for="(item, index) in list" :key="item">
						<div class="list-item-wrapper" @click="detail(index)">
							<p class="">
								<van-tag type="primary" v-if="!item.currentUserRead">未读</van-tag>
								<van-tag plain type="primary" v-else>已读</van-tag>
							</p>
							<p class="">
								{{item.noticeTitle}}
							</p>
							<div class="list-function-btn-wrapper pd-01rem" style="color: darkgray;justify-content: space-between;">
								<span>{{item.noticePublisher}}</span>
								<span>{{item.createTime}}</span>
							</div>
						</div>
					</van-cell>
				</van-list>
			</div>
		</div>
	</body>
</html>