|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>首页</title>
|
|
|
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
|
|
|
<meta content="yes" name="apple-mobile-web-app-capable"/>
|
|
|
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
|
|
|
<meta content="telephone=no" name="format-detection"/>
|
|
|
<link href="css/index.css" rel="stylesheet" type="text/css"/>
|
|
|
<link href="css/show.css" rel="stylesheet" type="text/css"/>
|
|
|
<script type="text/javascript" src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js" ></script>
|
|
|
<script type="text/javascript" src="js/slider.js" ></script>
|
|
|
<script type="text/javascript">
|
|
|
// $(document).ready(function () {
|
|
|
// $.ajax({
|
|
|
// url: "/search/count",
|
|
|
// type: "post",
|
|
|
// dataType: "json",
|
|
|
// success: function(data){
|
|
|
// /*这个方法里是ajax发送请求成功之后执行的代码*/
|
|
|
// showData(data);//我们仅做数据展示
|
|
|
// },
|
|
|
// error: function(msg){
|
|
|
// alert("ajax连接异常："+msg);
|
|
|
// }
|
|
|
// });
|
|
|
// });
|
|
|
//
|
|
|
//
|
|
|
// //展示数据
|
|
|
// function showData(data) {
|
|
|
// $("#num").empty();
|
|
|
// for (var i = 0; i < data.length; i++) {
|
|
|
// var str ="<div class=\"aui-borrow-head\">\n" +
|
|
|
// " <div class=\"aui-borrow-head-title\">\n" +
|
|
|
// " <h2>"+data[i].productName+"</h2>\n" +
|
|
|
// " </div>\n" +
|
|
|
// " <div class=\"aui-borrow-head-ad\">\n" +
|
|
|
// " <img src=\"\">\n" +
|
|
|
// " </div>\n" +
|
|
|
// " </div>;"
|
|
|
// //var str=" <h2 >"+data[i].productName+"</h2>"
|
|
|
// //var $h2 =$(str);
|
|
|
//
|
|
|
// $("#num").append(str);
|
|
|
// }
|
|
|
// }
|
|
|
$(function(){
|
|
|
$.ajax({
|
|
|
url: "/search/count",
|
|
|
type: "post",
|
|
|
dataType: "json",
|
|
|
success: function(data){
|
|
|
// console.log(data);//查看从后台传值内容
|
|
|
/*这个方法里是ajax发送请求成功之后执行的代码*/
|
|
|
showData(data);//我们仅做数据展示
|
|
|
},
|
|
|
error: function(msg){
|
|
|
alert("ajax连接异常："+msg);
|
|
|
}
|
|
|
});
|
|
|
});
|
|
|
|
|
|
//展示数据
|
|
|
function showData(data) {
|
|
|
//var str = "";//定义用于拼接的字符串
|
|
|
$("#content").empty();
|
|
|
for (var i = 0; i <data.length; i++) {
|
|
|
var pro = data[i];
|
|
|
var str = "<a href=\"javascript:;\" class=\"aui-list-item\"><div class=\"aui-right-top\"></div><div class=\"aui-list-head\" id=\"proname\">"+pro.productName+"</div><div class=\"aui-flex\"><div class=\"aui-flex-box\"><h4>"+pro.productNum+"</h4></div><div class=\"aui-text-time\"></div><div class=\"aui-button-get\"><button id=\"apply\", onclick=\"location=\'prodescription.html\'\">详情</button> </div></div><div class=\"aui-dotted\"></div></a>";
|
|
|
$("#content").append(str);
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
function AutoScroll(obj) {
|
|
|
|
|
|
$(obj).find("ul:first").animate({
|
|
|
marginTop: "-22px"
|
|
|
}, 500, function() {
|
|
|
$(this).css({
|
|
|
marginTop: "0px"
|
|
|
}).find("li:first").appendTo(this);
|
|
|
});
|
|
|
}
|
|
|
$(document).ready(function() {
|
|
|
setInterval('AutoScroll("#aui-show")', 3000)
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
</head>
|
|
|
<body>
|
|
|
|
|
|
<section class="aui-flexView">
|
|
|
<header class="aui-navBar aui-navBar-fixed">
|
|
|
<a href="javascript:;" class="aui-navBar-item">
|
|
|
<i class="icon "></i>
|
|
|
</a>
|
|
|
<div class="aui-center">
|
|
|
<span class="aui-center-title">首页</span>
|
|
|
</div>
|
|
|
<a href="javascript:;" class="aui-navBar-item" style="min-width: 35%;flex: 0 0 35%;">
|
|
|
</a>
|
|
|
</header>
|
|
|
<section class="aui-scrollView">
|
|
|
<div class="aui-borrow-box">
|
|
|
<div class="aui-borrow-flex">
|
|
|
<div class="aui-borrow-flex-hd">
|
|
|
<p>最高申请额度(元)</p>
|
|
|
<h2>50,000.00</h2>
|
|
|
<h3>3分钟申请，5秒审批</h3>
|
|
|
</div>
|
|
|
<form action="/start" method="post">
|
|
|
<div class="aui-borrow-flex-bd">
|
|
|
<input type="submit" value="认证" name="su">
|
|
|
</div>
|
|
|
</form>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="aui-palace clearfix">
|
|
|
<a href="/start" class="aui-palace-grid">
|
|
|
<div class="aui-palace-grid-icon">
|
|
|
<img src="images/index-001.jpg" alt="">
|
|
|
</div>
|
|
|
<div class="aui-palace-grid-text">
|
|
|
<h2>借款</h2>
|
|
|
</div>
|
|
|
</a>
|
|
|
<a href="loan.html" class="aui-palace-grid">
|
|
|
<div class="aui-palace-grid-icon">
|
|
|
<img src="images/index-002.jpg" alt="">
|
|
|
</div>
|
|
|
<div class="aui-palace-grid-text">
|
|
|
<h2>还款</h2>
|
|
|
</div>
|
|
|
</a>
|
|
|
<a href="countCenter.html" class="aui-palace-grid">
|
|
|
<div class="aui-palace-grid-icon">
|
|
|
<img src="images/index-003.jpg" alt="">
|
|
|
</div>
|
|
|
<div class="aui-palace-grid-text">
|
|
|
<h2>利息计算</h2>
|
|
|
</div>
|
|
|
</a>
|
|
|
<a href="allOrders.html" class="aui-palace-grid">
|
|
|
<div class="aui-palace-grid-icon">
|
|
|
<img src="images/index-004.jpg" alt="">
|
|
|
</div>
|
|
|
<div class="aui-palace-grid-text">
|
|
|
<h2>账单</h2>
|
|
|
</div>
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="divHeight"></div>
|
|
|
<div class="aui-m-slider">
|
|
|
<div class="m-slider" data-ydui-slider>
|
|
|
<div class="slider-wrapper">
|
|
|
<div class="slider-item">
|
|
|
<a href="javascript:;">
|
|
|
<!--<img src="ad-001.jpg" >-->
|
|
|
</a>
|
|
|
</div>
|
|
|
<div class="slider-item">
|
|
|
<a href="javascript:;">
|
|
|
<!--<img src="ad-001.jpg" >-->
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="slider-pagination"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="divHeight"></div>
|
|
|
<div class="aui-horn-flex">
|
|
|
<div class="aui-horn-flex-hd">
|
|
|
<i class="icon icon-horn"></i>
|
|
|
</div>
|
|
|
<div class="aui-horn-flex-bd" id="aui-show">
|
|
|
<ul id="holder">
|
|
|
<li>
|
|
|
<a href="javascript:;" target="_blank"></a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="javascript:;" target="_blank"></a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="javascript:;" target="_blank"></a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="javascript:;" target="_blank"> </a>
|
|
|
</li>
|
|
|
<li>
|
|
|
<a href="javascript:;" target="_blank">消息通知（待开发）</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="divHeight" ></div>
|
|
|
<div class="aui-list-box" id="content">
|
|
|
|
|
|
</div>
|
|
|
<!--<div class="aui-borrow-head">-->
|
|
|
<!--<div class="aui-borrow-head-title">-->
|
|
|
<!--<div id="num"></div>-->
|
|
|
<!--</div>-->
|
|
|
<!--<div class="aui-borrow-head-ad">-->
|
|
|
<!--<img src="">-->
|
|
|
<!--</div>-->
|
|
|
<!--</div>;-->
|
|
|
<!--<div class="aui-borrow-head-title">-->
|
|
|
<!--<h2>标题1</h2>-->
|
|
|
<!--</div>-->
|
|
|
<!--<div class="aui-borrow-head-ad">-->
|
|
|
<!--<img src="">-->
|
|
|
<!--</div>-->
|
|
|
<!--</div>-->
|
|
|
<!--<div class="aui-borrow-head">-->
|
|
|
<!--<div class="aui-borrow-head-title">-->
|
|
|
<!--<h2>标题2</h2>-->
|
|
|
<!--</div>-->
|
|
|
<!--<div class="aui-borrow-head-ad">-->
|
|
|
<!--<img src="" alt="">-->
|
|
|
<!--</div>-->
|
|
|
<!--</div>-->
|
|
|
<!--<div class="aui-borrow-head">-->
|
|
|
<!--<div class="aui-borrow-head-title">-->
|
|
|
<!--<h2>标题3</h2>-->
|
|
|
<!--</div>-->
|
|
|
<!--<div class="aui-borrow-head-ad">-->
|
|
|
<!--<img src="" alt="">-->
|
|
|
<!--</div>-->
|
|
|
<!--</div>-->
|
|
|
|
|
|
</section>
|
|
|
<footer class="aui-footer aui-footer-fixed">
|
|
|
<a href="index.html" class="aui-tabBar-item aui-tabBar-item-active">
|
|
|
<span class="aui-tabBar-item-icon">
|
|
|
<i class="icon icon-home"></i>
|
|
|
</span>
|
|
|
<span class="aui-tabBar-item-text">首页</span>
|
|
|
</a>
|
|
|
<a href="search.html" class="aui-tabBar-item ">
|
|
|
<span class="aui-tabBar-item-icon">
|
|
|
<i class="icon icon-loan"></i>
|
|
|
</span>
|
|
|
<span class="aui-tabBar-item-text" >发现</span>
|
|
|
</a>
|
|
|
<a href="personalCenter.html" class="aui-tabBar-item ">
|
|
|
<span class="aui-tabBar-item-icon">
|
|
|
<i class="icon icon-me"></i>
|
|
|
</span>
|
|
|
<span class="aui-tabBar-item-text">我的</span>
|
|
|
</a>
|
|
|
</footer>
|
|
|
</section>
|
|
|
|
|
|
</body>
|
|
|
</html>
|
