| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- <!doctype html>
- <html class="no-js">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="description" content="">
- <meta name="keywords" content="">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>{:__("$mate_title")}</title>
- <!-- Set render engine for 360 browser -->
- <meta name="renderer" content="webkit">
- <!-- No Baidu Siteapp-->
- <meta http-equiv="Cache-Control" content="no-siteapp" />
- <!-- Add to homescreen for Chrome on Android -->
- <meta name="mobile-web-app-capable" content="yes">
- <!-- Add to homescreen for Safari on iOS -->
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <meta name="apple-mobile-web-app-title" content="幸运生肖" />
- <!-- Tile icon for Win8 (144x144 + tile color) -->
- <meta name="msapplication-TileColor" content="#0e90d2">
- <link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
- <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
- <style>
- .am-list > li{margin-bottom: 0.5rem !important;}
- </style>
- </head>
- <body>
- <!-- Header -->
- <header data-am-widget="header" class="am-header am-header-default">
- <div class="am-header-left am-header-nav">
- <a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class="am-header-icon am-icon-angle-left"></i></a>
- </div>
- <h1 class="am-header-title">
- <a href="#title-link">{:get_money_name_byident($group)}明细</a>
- </h1>
- <div class="am-header-right am-header-nav"></div>
- </header>
- <!-- Content -->
- <div class="wapper">
- <ul class="am-list am-margin-top-0 data-list">
-
- </ul>
- <div class="am-alert tips-text" style="display: none;">{:__('加载完毕')}</div>
- </div>
-
- <!--[if (gte IE 9)|!(IE)]><!-->
- <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
- <!--<![endif]-->
- <!--[if lte IE 8 ]>
- <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
- <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
- <script src="js/amazeui.ie8polyfill.min.js"></script>
- <![endif]-->
- <script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
- <script src="__CDN__/assets/shop/js/app.js"></script>
- <script>
- var pag = 1, page; //p当前页,page总页数
- getList();
- function getList(){
- var group="{$group}";
- jQuery.post("{:url('api/user/getdetailed')}" ,{p:pag,group:group},function(data) {
- console.log(data.data);
- if(data.data != null && data.data.length != 0){
- page=data.total;
- var json=data.data;
- for(var i = 0; i < json.length; i++){
- var _ = '<li class=" am-padding-top-xs am-padding-bottom-xs am-g">'+
- '<div class="am-u-sm-8">'+
- '<div class="">{:__("'+json[i].type+'")}</div>'+
- '<div class="am-link-muted">'+json[i].times+'</div>'+
- '</div>'+
- '<div class="am-u-sm-4 am-text-right am-text-danger am-blod">'+json[i].money+'</div>'+
- '</li>';
- $('.data-list').append(_);
- }
- }else{
- $('.data-list').html('<li class="am-padding-top-xs am-padding-bottom-xs am-text-center am-link-muted">{:__("暂无数据")}</li>')
- }
- });
- }
- //滚动分页
- window.onscroll = function(){
- var top = document.body.scrollTop || document.documentElement.scrollTop;
- var height = document.body.scrollHeight || document.documentElement.scrollHeight;
- if((top + window.innerHeight) >= height-49){
- pag = pag + 1;
- if(pag > page){
- pag = page;
- $('.tips-text').show();
- return;
- }
- //从后台获取列表数据
- getList();
- }
- }
- </script>
- </body>
- </html>
|
