You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
174 lines
7.5 KiB
174 lines
7.5 KiB
<!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="style.css" rel="stylesheet" type="text/css"/>
|
|
<script type="text/javascript" src="jquery.min.js" ></script>
|
|
<script type="text/javascript" src="slider.js" ></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>XXXXX</h2>
|
|
<h3>快速申请，快速审批</h3>
|
|
</div>
|
|
<div class="aui-borrow-flex-bd">
|
|
<button>我要借钱</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="aui-palace clearfix">
|
|
<a href="javascript:;" class="aui-palace-grid">
|
|
<div class="aui-palace-grid-icon">
|
|
<img src="icon-item-001.jpg" alt="">
|
|
</div>
|
|
<div class="aui-palace-grid-text">
|
|
<h2>借款</h2>
|
|
</div>
|
|
</a>
|
|
<a href="javascript:;" class="aui-palace-grid">
|
|
<div class="aui-palace-grid-icon">
|
|
<img src="icon-item-002.jpg" alt="">
|
|
</div>
|
|
<div class="aui-palace-grid-text">
|
|
<h2>还款</h2>
|
|
</div>
|
|
</a>
|
|
<a href="javascript:;" class="aui-palace-grid">
|
|
<div class="aui-palace-grid-icon">
|
|
<img src="icon-item-003.jpg" alt="">
|
|
</div>
|
|
<div class="aui-palace-grid-text">
|
|
<h2>利息计算</h2>
|
|
</div>
|
|
</a>
|
|
<a href="javascript:;" class="aui-palace-grid">
|
|
<div class="aui-palace-grid-icon">
|
|
<img src="icon-item-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-borrow-head">
|
|
<a href="javascript:;" class="aui-borrow-head">
|
|
<!-- herf到业务展示页-->
|
|
<div class="aui-borrow-head-title">
|
|
<h2>有贷有还业务</h2>
|
|
</div>
|
|
<div class="aui-borrow-head-ad">
|
|
<img src="111">
|
|
</div>
|
|
</div>
|
|
<div class="aui-borrow-head">
|
|
<div class="aui-borrow-head-title"> </div>
|
|
<div class="aui-borrow-head-ad"> </div>
|
|
</div>
|
|
<div class="aui-borrow-head">
|
|
<div class="aui-borrow-head-title"> </div>
|
|
<div class="aui-borrow-head-ad"> </div>
|
|
</div>
|
|
</section>
|
|
<footer class="aui-footer aui-footer-fixed">
|
|
<a href="javascript:;" 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="javascript:;" 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="javascript:;" 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>
|
|
<script type="text/javascript">
|
|
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>
|
|
</body>
|
|
</html>
|