<!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>