master

分支 (1)

管理

管理

master

family
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>家人</title>
	<link rel="stylesheet" href="./assets/styles/reset.css">
	<link rel="stylesheet" href="./assets/styles/common.css">
	<link rel="stylesheet" href="./assets/styles/index.css">
</head>
<body style="background:#fff">
	<header>
		<i><img src="./assets/images/message.svg" alt=""></i>
		<span>手表</span>
		<span><img src="./assets/images/sao.svg" alt=""></span>
	</header>
	<div class="index-wrap">
		<section class="index-card">
			<div class="battery"></div>
			<div>
				<i class="back-icon"></i>
				<img src="assets/images/avatar.jpg" alt="">
				<i class="more-icon"></i>
			</div>
			<p>名字</p>
		</section>
		<section class="index-text">颐纳福关爱，从这一刻开始</section>
		<p class="index-tip">颐纳福</p>
		<section class="index-iconList">
			<ul>
				<li name="chart">
					<img src="./assets/images/doctor1.png" alt="">
					<p>实时数据</p>
				</li>
				<li name="server">
					<img src="./assets/images/server.png" alt="">
					<p>服务套餐</p>
				</li>
				<li name="familyGroup">
					<img src="./assets/images/family.png" alt="">
					<p>亲友圈</p>
				</li>
				<li name="location">
					<img src="./assets/images/place.png" alt="">
					<p>定位</p>
				</li>
				<li name="memberIntegral">
					<img src="./assets/images/doctor.png" alt="">
					<p>成员积分</p>
				</li>
				<li name="record">
					<img src="./assets/images/message4.png" alt="">
					<p>健康档案</p>
				</li>
				<li name="warning">
					<img src="./assets/images/warning.png" alt="">
					<p>警报提示</p>
				</li>
				<li name="setting">
					<img src="./assets/images/set.png" alt="">
					<p>设置</p>
				</li>
			</ul>
		</section>
	</div>
	<script src="./assets/js/lib/viewport.js"></script>
	<script src="./assets/js/lib/jquery.js"></script>
	<script src="./assets/js/lib/fastclick.js"></script>
	<script>
		$(function () {
			FastClick.attach(document.body);
			let aLink = $('.index-iconList ul li');
			aLink.on('click', function () {
				let name = $(this).attr('name');
				window.location.href = './pages/' + name + '/index.html';
			});
		})
	</script>
</body>
</html>