mydiscount.html 1.8 KB
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<script type="text/javascript" src="../js/base.js"></script>
		<link rel="stylesheet" type="text/css" href="../assets/css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../assets/css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_k1lcewwscuf.css" />
		<script type="text/javascript" src="../assets/font/iconfont.js">
		</script>
		<link rel="stylesheet" href="../css/mydiscount.css" />
		<style type="text/css">
			.swiper-container {
				height: 3.6rem;
			}
			.swiper-container-horizontal>.swiper-pagination-bullets,
			.swiper-pagination-custom,
			.swiper-pagination-fraction {
				left: 44%;
			}
		</style>
	</head>
	<body>
		<div class="out">
			<div class="use">
			<span class="active">待使用</span>
			<span>已过期</span>
			<span>已使用</span>
		</div>
		<div class="wai">
			<div>
			<div class="youhui">
				
				
				<div class="quan">
					<img src="../images/f2.png" alt="" />
					<div class="dai">
						<div class="money">¥5</div>
						<div class="date">
							<span >代金券</span>
							<span class="you">有效期:2018.08.06-2018.08.08</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div>
		<div>
			<div class="youhui">
				
				
				<div class="quan">
					<img src="../images/f2.png" alt="" />
					<div class="dai">
						<div class="money">¥5</div>
						<div class="date">
							<span>代金券</span>
							<span>有效期:2018.08.06-2018.08.08</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div>
		</div>
		
		
		
	</body>
</html>