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.

93 lines
3.1 KiB

5 years ago
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>钱包备份</title>
<!--REM自适应布局JS-->
<link rel="stylesheet" type="text/css" href="../../../lib/css/mui.min.css">
<link rel="stylesheet" type="text/css" href="../../../lib/css/basic.css"/>
<link rel="stylesheet" type="text/css" href="../../css/base.css" />
<script src="../../../lib/js/mui.min.js"></script>
<script src="../../../lib/js/vue.js"></script>
<script src="../../../lib/js/app.js"></script>
<script src="../../js/base/rem-layout.js"></script>
<script src="../../js/language/wallet_language.js"></script>
</head>
<style>
#contents {
margin: 0.5rem;
}
.text-info {
padding-bottom: 0.4rem;
}
.app-text-block-content{
margin-bottom: 0.4rem;
}
#verify{
min-height: 2.5rem;
}
.text-info:first-child {
padding-top: 0.4rem;
font-size: 0.35rem;
text-align: center;
}
.text-info:nth-child(2) {
font-size: 0.26rem !important;
line-height: 1.2em;
}
</style>
<body>
<div id="data-info">
<header class="mui-bar mui-bar-nav app-header app-header-darkly">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">钱包备份</h1>
</header>
<div class="mui-content">
<p class="app-text-warning-color text-info">抄写下你的钱包助记词</p>
<p class="text-info">助记词用于恢复钱包或重置钱包密码,将它准确的抄 写到纸上,并存放在只有你知道的安全地方。</p>
<div id="verify" class="app-text-block-content app-text-block-content-darkly">
<span class="app-text-block app-text-warning-color ">fpsp</span>
</div>
<div id="keyboard" class="app-text-block-content app-text-block-content-darkly-group">
<span class="app-text-block">wwppen</span>
<span class="app-text-block">cen</span>
<span class="app-text-block app-active">fpsp</span>
<span class="app-text-block">insn</span>
<span class="app-text-block">ctw</span>
<span class="app-text-block">dpen</span>
<span class="app-text-block">cfn</span>
<span class="app-text-block">fpsp</span>
<span class="app-text-block">awpsn</span>
<span class="app-text-block">ctw</span>
<span class="app-text-block">cs</span>
<span class="app-text-block">fpsp</span>
<span class="app-text-block">appeinsn</span>
<span class="app-text-block">ctw</span>
</div>
<button id="affirm-btn" class="app-btn app-btn-darkly" href="my_daily_cash_backups_affirm.html">&nbsp;&nbsp;</a>
</div>
</div>
</body>
</html>
<script>
mui("#keyboard").on("tap",".app-text-block",function(){
mui("#keyboard .app-text-block").each(function(){
this.setAttribute("class","app-text-block");
})
var appTextBlock = this.cloneNode(true);
appTextBlock.classList.add("app-text-warning-color");
document.getElementById("verify").appendChild(appTextBlock);
this.classList.add("app-active");
})
</script>