After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 3.5 KiB |
After Width: | Height: | Size: 3.1 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 5.0 KiB |
After Width: | Height: | Size: 4.2 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 6.2 KiB |
After Width: | Height: | Size: 4.5 KiB |
@ -0,0 +1,127 @@
|
|||||||
|
<!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"/>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="aui-flexView">
|
||||||
|
<header class="aui-navBar aui-navBar-fixed">
|
||||||
|
<a href="javascript:;" class="aui-navBar-item">
|
||||||
|
<i class="icon icon-return"></i>
|
||||||
|
</a>
|
||||||
|
<div class="aui-center">
|
||||||
|
<span class="aui-center-title"></span>
|
||||||
|
</div>
|
||||||
|
<a href="javascript:;" class="aui-navBar-item">
|
||||||
|
<i class="icon icon-set"></i>
|
||||||
|
<i class="icon icon-news"></i>
|
||||||
|
</a>
|
||||||
|
</header>
|
||||||
|
<section class="aui-scrollView">
|
||||||
|
<div class="aui-account-box">
|
||||||
|
<div class="aui-flex">
|
||||||
|
<div class="aui-account-user">
|
||||||
|
<img src="user-logo-004.png" >
|
||||||
|
</div>
|
||||||
|
<div class="aui-flex-box">
|
||||||
|
<h2>李同学</h2>
|
||||||
|
</div>
|
||||||
|
<div class="aui-account-arrow"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<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-credit"></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-credit"></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>
|
||||||
|
<div class="divHeight"></div>
|
||||||
|
<div class="aui-flex b-line">
|
||||||
|
<div class="aui-flex-box">
|
||||||
|
<h4>我的贷款</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="aui-layout">
|
||||||
|
<a href="javascript:;" class="aui-layout-item">
|
||||||
|
<div class="aui-icon-img">
|
||||||
|
<img src="icon-acc-001.png">
|
||||||
|
</div>
|
||||||
|
<h2>待完成订单</h2>
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="aui-layout-item">
|
||||||
|
<div class="aui-icon-img">
|
||||||
|
<img src="icon-acc-002.png" >
|
||||||
|
</div>
|
||||||
|
<h2>待还款订单</h2>
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="aui-layout-item">
|
||||||
|
<div class="aui-icon-img">
|
||||||
|
<img src="icon-acc-003.png" >
|
||||||
|
</div>
|
||||||
|
<h2>全部订单</h2>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="divHeight"></div>
|
||||||
|
<div class="aui-flex b-line">
|
||||||
|
<div class="aui-flex-box">
|
||||||
|
<h4>我的服务</h4>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="aui-layout">
|
||||||
|
<a href="javascript:;" class="aui-layout-item">
|
||||||
|
<div class="aui-icon-img">
|
||||||
|
<img src="icon-acc-004.png" >
|
||||||
|
</div>
|
||||||
|
<h2>还款提醒</h2>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<a href="javascript:;" class="aui-layout-item">
|
||||||
|
<div class="aui-icon-img">
|
||||||
|
<img src="icon-acc-007.png">
|
||||||
|
</div>
|
||||||
|
<h2>我的银行卡</h2>
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="aui-layout-item">
|
||||||
|
<div class="aui-icon-img">
|
||||||
|
<img src="icon-acc-008.png" >
|
||||||
|
</div>
|
||||||
|
<h2>我的流水</h2>
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="aui-layout-item">
|
||||||
|
|
||||||
|
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="divHeight"></div>
|
||||||
|
</section>
|
||||||
|
<footer class="aui-footer aui-footer-fixed">
|
||||||
|
<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-ions"></i>
|
||||||
|
</span>
|
||||||
|
<span class="aui-tabBar-item-text">发现</span>
|
||||||
|
</a>
|
||||||
|
<a href="javascript:;" class="aui-tabBar-item aui-tabBar-item-active">
|
||||||
|
<span class="aui-tabBar-item-icon">
|
||||||
|
<i class="icon icon-meTo"></i>
|
||||||
|
</span>
|
||||||
|
<span class="aui-tabBar-item-text">我的</span> </span>
|
||||||
|
</a>
|
||||||
|
</footer>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
After Width: | Height: | Size: 22 KiB |