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.

121 lines
3.4 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;
}
#ul-heander #nick-name {
font-size: 0.35rem;
}
#ul-heander #code {
overflow: hidden;
display: flex;
align-items: center;
}
#ul-heander #code p {
width: calc(100% - 1rem);
padding-right: 0.2rem;
line-height: 1.2em;
word-wrap: break-word;
border-right: 1px solid #191C2F;
}
#ul-heander #code span {
width: 1rem;
text-align: right;
font-size: 0.3rem;
}
</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">
<ul id="ul-heander" class="mui-table-view app-table-view app-table-view-darkly">
<li class="mui-table-view-cell">
<a id="nick-name">
{{nickName}}
</a>
</li>
<li class="mui-table-view-cell">
<div id="code">
<p>{{code}}</p>
<span class="app-text-color">复制</span>
</div>
</li>
</ul>
<ul class="mui-table-view app-table-view app-table-view-darkly">
<li class="mui-table-view-cell">
<a class="mui-navigate-right view-herf" view-id="mine/html/my/my_daily_cash_save_password.html" view-url="my_daily_cash_save_password.html">
修改密码
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right view-herf" view-id="mine/html/my/my_daily_cash_backups_next.html" view-url="my_daily_cash_backups_next.html">
钱包备份
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right view-herf" view-id="mine/html/my/my_daily_cash_out_private_key.html" view-url="my_daily_cash_out_private_key.html">
导出私钥
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right view-herf" view-id="mine/html/my/my_daily_cash_out_keystore.html" view-url="my_daily_cash_out_keystore.html">
导出Keystore
</a>
</li>
</ul>
</div>
</div>
</body>
</html>
<script>
var cash_info = new Vue({
el: '#data-info',
data: {
nickName: '-',
code: '0xC12d5cc665FcC4897c4537a8c7EbfEc458Vc90b9'
}
});
mui.plusReady(function() {
//从缓存获取用户信息
var user_info = app.getWalletUserLocalStorage();
//赋值
cash_info.nickName = user_info.nickname;
// 列表项跳转
mui(".mui-table-view").on('tap', '.view-herf', function() {
var viewId = this.getAttribute('view-id');
var viewUrl = this.getAttribute('view-url');
mui.openWindow({
id: viewId,
url: viewUrl
});
});
});
</script>