66 lines
1.6 KiB
HTML
66 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=devic-wdith, initial-scale=1.0" />
|
|
<title></title>
|
|
<link rel="stylesheet" href="css/quanju.css"/>
|
|
<link rel="stylesheet" href="css/invest.css" />
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<div class="title">充值</div>
|
|
<a href="me.html"></a>
|
|
</div>
|
|
<div class="balance">
|
|
<div class="name">可用余额 (元)</div>
|
|
<div class="number">0</div>
|
|
</div>
|
|
<div class="invest-header">
|
|
充值金额
|
|
</div>
|
|
<div class="invest-body">
|
|
<div class="invest">
|
|
<div class="number">100</div>
|
|
<div class="favour">送 5</div>
|
|
</div>
|
|
<div class="invest">
|
|
<div class="number">200</div>
|
|
<div class="favour">送 10</div>
|
|
</div>
|
|
<div class="invest">
|
|
<div class="number">400</div>
|
|
<div class="favour">送 30</div>
|
|
</div>
|
|
<div class="invest">
|
|
<div class="number">500</div>
|
|
<div class="favour">送 40</div>
|
|
</div>
|
|
<div class="invest">
|
|
<div class="number">800</div>
|
|
<div class="favour">送 60</div>
|
|
</div>
|
|
<div class="invest other">
|
|
其他金额
|
|
</div>
|
|
</div>
|
|
<div class="other-money">
|
|
<span>充值金额</span>
|
|
<input type="number" placeholder="请输入金额" />
|
|
</div>
|
|
<div class="quit">
|
|
温馨提示
|
|
</div>
|
|
<div class="quit-value">
|
|
提示内容提示内容提示内容提示内容
|
|
</div>
|
|
<script>
|
|
(function(){
|
|
var html=document.documentElement;
|
|
var width=html.getBoundingClientRect().width;
|
|
html.style.fontSize=width/20+'px';
|
|
}())
|
|
</script>
|
|
</body>
|
|
</html>
|