<!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">
		<title>法律法规-列表</title>
		<script type="text/javascript" src="../js/includeHead.js"></script>
		<style>
			/**
			 * 框架样式覆盖修改
			 */
			.van-cell__value{overflow: unset; }
			.van-cell:after{border-bottom:none;}
		</style>
	</head>
	<body>
		<div id="app">
			<div class="content" v-cloak>
				<van-list v-model:loading="loading" :offset="10" :finished="finished" finished-text="没有更多了" @load="getList">
					<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.lawTitle}}
							</p>
							<div class="list-function-btn-wrapper pd-01rem" style="justify-content: space-between;">
								<span>{{item.lawPublisher}}</span>
								<span>{{item.lawDate}}</span>
							</div>
						</div>
					</van-cell>
				</van-list>
			</div>
		</div>
	</body>
</html>