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.

175 lines
9.0 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="tab.js"></script>
</head>
<body>
<section class="aui-flexView">
<header class="aui-navBar aui-navBar-fixed b-line">
<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-sys"></i>
</a>
</header>
<section class="aui-scrollView">
<div class="aui-tab" data-ydui-tab>
<ul class="tab-nav b-line">
<li class="tab-nav-item tab-active"> </li>
<li class="tab-nav-item"> </li>
<li class="tab-nav-item"> </li>
</ul>
<div class="tab-panel">
<div class="tab-panel-item tab-active">
<a href="javascript:;" class="aui-flex b-line">
<div class="aui-calc-title">
<h2>贷款金额</h2>
</div>
<div class="aui-flex-box aui-flex-box-right">
<input type="text" placeholder="请输入贷款金额">
<span></span>
</div>
</a>
<a href="javascript:;" class="aui-flex b-line">
<div class="aui-calc-title">
<h2>贷款期限</h2>
</div>
<div class="aui-flex-box aui-flex-box-right">
<input type="text" placeholder="请输入贷款期限">
<span></span>
</div>
</a>
<a href="javascript:;" class="aui-flex b-line">
<div class="aui-calc-title">
<h2>贷款利率</h2>
</div>
<div class="aui-flex-box aui-flex-box-right aui-flex-box-dow">
<select class="cell-select">
<option value="">4.90%</option>
<option value="1">3.80%</option>
<option value="2">3.90%</option>
<option value="3">1.90%</option>
</select>
</div>
</a>
<a href="javascript:;" class="aui-flex b-line">
<div class="aui-calc-title">
<h2>还款方式</h2>
</div>
<div class="aui-flex-box aui-flex-box-right">
<button>等额本息</button>
<button>等额本金</button>
</div>
</a>
</div>
<div class="tab-panel-item">
<a href="javascript:;" class="aui-flex b-line">
<div class="aui-calc-title">
<h2>贷款金额</h2>
</div>
<div class="aui-flex-box aui-flex-box-right">
<input type="text" placeholder="请输入贷款金额">
<span></span>
</div>
</a>
<a href="javascript:;" class="aui-flex b-line">
<div class="aui-calc-title">
<h2>贷款期限</h2>
</div>
<div class="aui-flex-box aui-flex-box-right">
<input type="text" placeholder="请输入贷款期限">
<span></span>
</div>
</a>
<a href="javascript:;" class="aui-flex b-line">
<div class="aui-calc-title">
<h2>贷款利率</h2>
</div>
<div class="aui-flex-box aui-flex-box-right aui-flex-box-dow">
<select class="cell-select">
<option value="">4.90%</option>
<option value="1">3.80%</option>
<option value="2">3.90%</option>
<option value="3">1.90%</option>
</select>
</div>
</a>
<a href="javascript:;" class="aui-flex b-line">
<div class="aui-calc-title">
<h2>还款方式</h2>
</div>
<div class="aui-flex-box aui-flex-box-right">
<button>等额本息</button>
<button>等额本金</button>
</div>
</a>
</div>
<div class="tab-panel-item">
<a href="javascript:;" class="aui-flex b-line">
<div class="aui-calc-title">
<h2>贷款金额</h2>
</div>
<div class="aui-flex-box aui-flex-box-right">
<input type="text" placeholder="请输入贷款金额">
<span></span>
</div>
</a>
<a href="javascript:;" class="aui-flex b-line">
<div class="aui-calc-title">
<h2>贷款期限</h2>
</div>
<div class="aui-flex-box aui-flex-box-right">
<input type="text" placeholder="请输入贷款期限">
<span></span>
</div>
</a>
<a href="javascript:;" class="aui-flex b-line">
<div class="aui-calc-title">
<h2>贷款利率</h2>
</div>
<div class="aui-flex-box aui-flex-box-right aui-flex-box-dow">
<select class="cell-select">
<option value="">4.90%</option>
<option value="1">3.80%</option>
<option value="2">3.90%</option>
<option value="3">1.90%</option>
</select>
</div>
</a>
<a href="javascript:;" class="aui-flex b-line">
<div class="aui-calc-title">
<h2>还款方式</h2>
</div>
<div class="aui-flex-box aui-flex-box-right">
<button>等额本息</button>
<button>等额本金</button>
</div>
</a>
</div>
<div class="tab-button">
<button>开始计算</button>
</div>
</div>
</div>
</section>
</section>
</body>
</html>