jp-xpgj-GA-file/src/projects/business/views/Master/Health/CodeList.vue

<template>
<div>
    <header class="mui-bar mui-bar-nav">
			<h1 class="mui-title">员工健康码明细</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		</header>
		<div class="mui-content vongi-zctj">
			<div class="vongi-bagfff">
				<div class="vongi-xzdw-search">
					<input type="search" placeholder="搜索姓名或编号">
					<span class="mui-icon mui-icon-search"></span>
				</div>
			</div>
			<div id="slider" class="mui-slider mui-fullscreen vongi-ygjkma">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<a class="mui-control-item mui-active" href="#item1mobile">
							绿码<span class="mui-badge">5000</span>
						</a>
						<a class="mui-control-item" href="#item2mobile">
							黄码<span class="mui-badge">5000</span>
						</a>
						<a class="mui-control-item" href="#item3mobile">
							红码<span class="mui-badge">5000</span>
						</a>
						<a class="mui-control-item" href="#item4mobile">
							灰码<span class="mui-badge">5</span>
						</a>
					</div>
				</div>
				<div class="mui-slider-group">
					<div id="item1mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll vongi-archives">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell">
										<a class="mui-navigate-right" href="#">
											<div class="mui-pull-left flew-items"><div class="mui-media-object"><img src="~$project/assets/img/01.png"></div> 高进权</div>
											<span class="mui-pull-right color55f868">绿码<i class="iconfont icon-erweima1"></i></span>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div id="item2mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll vongi-archives">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell">
										<a class="mui-navigate-right" href="#">
											<div class="mui-pull-left flew-items"><div class="mui-media-object"><img src="~$project/assets/img/01.png"></div> 高进权</div>
											<span class="mui-pull-right colorf8b155">黄码<i class="iconfont icon-erweima1"></i></span>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div id="item3mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll vongi-archives">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell">
										<a class="mui-navigate-right" href="#">
											<div class="mui-pull-left flew-items"><div class="mui-media-object"><img src="~$project/assets/img/01.png"></div> 高进权</div>
											<span class="mui-pull-right colorfe616c">红码<i class="iconfont icon-erweima1"></i></span>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div id="item4mobile" class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll vongi-archives">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell">
										<a class="mui-navigate-right" href="#">
											<div class="mui-pull-left flew-items"><div class="mui-media-object"><img src="~$project/assets/img/01.png"></div> 高进权</div>
											<span class="mui-pull-right">灰码<i class="iconfont icon-erweima1"></i></span>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
</div>
</template>

<script>
</script>

<style scoped src="$project/assets/css/xpwyfyy.css"></style>
<style src="$project/assets/css/iconfont.css"></style>
<style>
</style>