<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
<meta name="format-detection" content="email=no,address=no,telephone=no">
<title>首页</title>
<link rel="stylesheet" href="css/common.css">
<script src="js/jquery-1.12.1.min.js"></script>
<script src="js/adscorll.js"></script>
</head>
<body>
<!-- header start -->
<header class="top">
<div class="con">
<a href="JavaScript:history.go(-1)" class="top-return s30 white">返回</a>
<a href="" class="top-car">购物车</a>
<h1 class="white s36">消息</h1>
</div>
</header>
<!-- header end -->
<section class="wrap">
<div class="firs-bill bg-white">
<div class="con-bill">
<div class="billtitle fl">
<span class="fl"><img src="images/bill-card.png" alt=""/></span>
<h2 class="fl">本月账单</h2>
<a href="#" class="fr bill-details s30">详情</a>
</div>
<div class="bill-date fl">
<span>昨日</span>
<span>上午</span>
<span>06:32</span>
</div>
<ul class="expend">
<li>
<h3>-853.90</h3>
<p>本月支出</p>
</li>
<li>
<h3>1683.35</h3>
<p>本月收入</p>
</li>
</ul>
</div>
<!--ad scroll start-->
<div id="broadcast" class="bar" name="giftactive">
<span><img src="images/bill-horn.png" alt=""/></span>
<div id="demo" style="overflow:hidden;">
<ul class="mingdan" id="holder">
<li>会员187****3548，获得1980元分红收益出局。会员187****3548，获得1980元分红收益出局。</li>
<li>会员187****3548，获得1980元分红收益出局。</li>
<li>会员187****3548，获得1980元分红收益出局。</li>
<li>会员187****3548，获得1980元分红收益出局。会员187****3548，获得1980元分红收益出局。</li>
<li>会员187****3548，获得1980元分红收益出局。</li>
</ul>
</div>
</div>
<!--ad scroll end-->
</div>
<!--bill list start -->
<div class="bill-list bg-white">
<div class="con-bill">
<div class="billtitle fl">
<span class="fl"><img src="images/bill-cardlist.png" alt=""/></span>
<h2 class="fl">本月账单</h2>
<div class="date fr">
<span>昨日</span>
<span>上午</span>
<span>06:32</span>
</div>
</div>
<div class="bill-info">
<h3>￥ 500.00 <span>已到账</span></h3>
<p>您的亲友187****3548购买的产品已到货；获得500元推广奖励;您的亲友187****3548购买的产品已到货；获得500元推广奖励</p>
</div>
</div>
</div>
<div class="bill-list bg-white">
<div class="con-bill">
<div class="billtitle fl">
<span class="fl"><img src="images/bill-cardlist.png" alt=""/></span>
<h2 class="fl">本月账单</h2>
<div class="date fr">
<span>昨日</span>
<span>上午</span>
<span>06:32</span>
</div>
</div>
<div class="bill-info">
<h3>￥ 500.00 <span>已到账</span></h3>
<p>您的亲友187****3548购买的产品已到货；获得500元推广奖励;您的亲友187****3548购买的产品已到货；获得500元推广奖励</p>
</div>
</div>
</div>
<div class="bill-list bg-white">
<div class="con-bill">
<div class="billtitle fl">
<span class="fl"><img src="images/bill-cardlist.png" alt=""/></span>
<h2 class="fl">本月账单</h2>
<div class="date fr">
<span>昨日</span>
<span>上午</span>
<span>06:32</span>
</div>
</div>
<div class="bill-info">
<h3>￥ 500.00 <span>已到账</span></h3>
<p>您的亲友187****3548购买的产品已到货；获得500元推广奖励</p>
</div>
</div>
</div>
<div class="bill-list bg-white">
<div class="con-bill">
<div class="billtitle fl">
<span class="fl"><img src="images/bill-cardlist.png" alt=""/></span>
<h2 class="fl">本月账单</h2>
<div class="date fr">
<span>昨日</span>
<span>上午</span>
<span>06:32</span>
</div>
</div>
<div class="bill-info">
<h3>￥ 500.00 <span>已到账</span></h3>
<p>您的亲友187****3548购买的产品已到货；获得500元推广奖励;您的亲友187****3548购买的产品已到货；获得500元推广奖励</p>
</div>
</div>
</div>
<div class="bill-list bg-white">
<div class="con-bill">
<div class="billtitle fl">
<span class="fl"><img src="images/bill-cardlist.png" alt=""/></span>
<h2 class="fl">本月账单</h2>
<div class="date fr">
<span>昨日</span>
<span>上午</span>
<span>06:32</span>
</div>
</div>
<div class="bill-info">
<h3>￥ 500.00 <span>已到账</span></h3>
<p>您的亲友187****3548购买的产品已到货；获得500元推广奖励</p>
</div>
</div>
</div>
<!--bill list end -->
</section>
<!-- menu start -->
<div class="menu">
<ul class="con hiden">
<li class="menu-this"><a href="#" class="menu-1">首页</a></li>
<li><a href="" class="menu-2">消息</a></li>
<li><a href="" class="menu-3">订单</a></li>
<li><a href="" class="menu-4">我的</a></li>
</ul>
</div>
<!-- menu end -->
</body>
</html>
绿色的本月账单消息app页面模板
需积分: 21 96 浏览量
2018-05-18
17:33:13
上传
评论
收藏 59KB RAR 举报
绿色的本月账单消息app页面模板.rar （17个子文件） 
css 
common.css 5KB images 
menu-1.png 2KB bill-cardlist.png 1KB menu-4.png 2KB menu-2.png 2KB top-car.png 2KB menu-3.png 3KB top-return.png 1KB menu-11.png 2KB bill-horn.png 1KB menu-33.png 2KB bill-card.png 1KB menu-44.png 2KB menu-22.png 2KB
index.html 6KB js jquery-1.12.1.min.js 95KB adscorll.js 648B资源评论
