detail.html 2.0 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_6y9erxzbkn2.css" />
		<script type="text/javascript" src="../assets/font/iconfont.js">
		</script>
		<link rel="stylesheet" href="../css/detail.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="balance">
			<span class="present">当前账户余额 </span>
			<span class="qian">¥300.00</span>
		</div>
		<div class="balance bal ">
			<span class="present xiao">消费明细记录 </span>
		</div>
		<ul class="list">
			<li>
				<span class="circle">
					<span class="yuan1">充值</span>
				</span>
				<span class="money">
					<span class="real">+ ¥1.00</span>
				<span class="real zhang">账户充值</span>
				</span>

				<span class="add">2018.08.08  09:15:13</span>
			</li>
			<li>
				<span class="circle">
					<span class="yuan2">消费</span>
				</span>
				<span class="money">
					<span class="real">+ ¥1.00</span>
				<span class="real zhang">账户充值</span>
				</span>

				<span class="add">2018.08.08  09:15:13</span>
			</li>
			<li>
				<span class="circle">
					<span class="yuan3">退款</span>
				</span>
				<span class="money">
					<span class="real">+ ¥1.00</span>
				<span class="real zhang">退款订单</span>
				</span>

				<span class="add">2018.08.08  09:15:13</span>
			</li>
		</ul>
	</body>

</html>
<script>
	
</script>