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.
189 lines
6.5 KiB
189 lines
6.5 KiB
5 years ago
|
<!doctype html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>账户安全</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
|
||
|
|
<link href="../../../lib/css/mui.min.css" rel="stylesheet" />
|
||
|
|
<!--引入公共样式-->
|
||
|
|
<link href="../../../lib/css/basic.css" rel="stylesheet" />
|
||
|
|
<link href="../../css/account_safe.css" rel="stylesheet" />
|
||
|
|
<script src="../../../lib/js/rem-layout.js"></script>
|
||
|
|
<script src="../../../lib/js/mui.min.js"></script>
|
||
|
|
<script src="../../../lib/js/mui.pullToRefresh.js"></script>
|
||
|
|
<script src="../../../lib/js/mui.pullToRefresh.material.js"></script>
|
||
|
|
<script src="../../../lib/js/vue.js"></script>
|
||
|
|
<script src="../../../lib/js/app.js"></script>
|
||
|
|
<script src="../../js/my/my_ajax.js"></script>
|
||
|
|
<!--下拉刷新上拉加载js-->
|
||
|
|
<script src="../../lib/js/mui.pullToRefresh.js"></script>
|
||
|
|
<script src="../../lib/js/mui.pullToRefresh.material.js"></script>
|
||
|
|
<!--下拉刷新上拉加载css-->
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div id="data-info">
|
||
|
|
<header class="mui-bar mui-bar-nav">
|
||
|
|
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
||
|
|
<h1 class="mui-title">{{langue.title}}</h1>
|
||
|
|
</header>
|
||
|
|
<div class="mui-content">
|
||
|
|
<div id="ul-group" class="ul-group">
|
||
|
|
<ul class="mui-table-view app-table-view ">
|
||
|
|
<li class="mui-table-view-cell">
|
||
|
|
<a class="mui-navigate-right">
|
||
|
|
<span class="txt">{{langue.bindingMobilePhone}}</span>
|
||
|
|
<span class="binding">{{userLocalStorage.mobilePhone}}</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="mui-table-view-cell">
|
||
|
|
<a class="mui-navigate-right" v-if="userLocalStorage.email">
|
||
|
|
<span class="txt">{{langue.bindEmailAddress}}</span>
|
||
|
|
<span class="binding">{{langue.isBinding}}</span>
|
||
|
|
</a>
|
||
|
|
<a v-else class="view-herf mui-navigate-right" id="mail" view-id="mail_safe.html" view-url="mail_safe.html">
|
||
|
|
<span class="txt">{{langue.bindEmailAddress}}</span>
|
||
|
|
<span class="binding">{{langue.notBound}}</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="mui-table-view-cell">
|
||
|
|
<a class="mui-navigate-right" v-if="userLocalStorage.bindGoogleAuth">
|
||
|
|
<span class="txt">{{langue.bindTheGoogleValidator}}</span>
|
||
|
|
<span class="binding">{{langue.isBinding}}</span>
|
||
|
|
</a>
|
||
|
|
<a class="view-herf mui-navigate-right" v-else id="google-safe" view-id="google_safe.html" view-url="google_safe.html">
|
||
|
|
<span class="txt">{{langue.bindTheGoogleValidator}}</span>
|
||
|
|
<span class="binding">{{langue.notBound}}</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<!--<li class="mui-table-view-cell">
|
||
|
|
<a class="mui-navigate-right">
|
||
|
|
<span class="txt">交易验证</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="mui-table-view-cell">
|
||
|
|
<a class="mui-navigate-right">
|
||
|
|
<span class="txt">手势密码</span>
|
||
|
|
</a>
|
||
|
|
</li>-->
|
||
|
|
<li class="mui-table-view-cell">
|
||
|
|
|
||
|
|
<a v-if="userLocalStorage.hasPassword" class="view-herf mui-navigate-right" view-id="mine/html/safety/save_login_password.html" view-url="save_login_password.html">
|
||
|
|
{{langue.loginPassword}}
|
||
|
|
<span class="binding">{{langue.changePassword}}</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a v-else class="view-herf mui-navigate-right" view-id="mine/html/safety/creator_login_password.html" view-url="creator_login_password.html">
|
||
|
|
{{langue.loginPassword}}
|
||
|
|
<span class="binding">{{langue.isNotSet}}</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li class="mui-table-view-cell">
|
||
|
|
<a class="view-herf mui-navigate-right" view-id="wallet/html/funding_password.html" view-url="../../../html/wallet/html/funding_password.html">
|
||
|
|
<span class="txt">{{langue.fundingPassword}}</span>
|
||
|
|
<span class="binding" v-if="!isWalletPass">{{langue.isNotSet}}</span>
|
||
|
|
<span class="binding" v-else>{{langue.isSet}}</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<!--<li class="mui-table-view-cell">
|
||
|
|
<a class="mui-navigate-right">
|
||
|
|
<span class="txt">修改密码</span>
|
||
|
|
</a>
|
||
|
|
</li>-->
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
<script>
|
||
|
|
// 国际化
|
||
|
|
var langues = {
|
||
|
|
zh_CN: {
|
||
|
|
title: "账户安全",
|
||
|
|
bindingMobilePhone: "账户",
|
||
|
|
bindEmailAddress: "绑定邮箱",
|
||
|
|
bindTheGoogleValidator: "绑定谷歌验证器",
|
||
|
|
isBinding: "已绑定",
|
||
|
|
notBound: "未绑定",
|
||
|
|
loginPassword: "登录密码",
|
||
|
|
fundingPassword: "资金密码",
|
||
|
|
changePassword: "修改密码",
|
||
|
|
isNotSet: "未设置",
|
||
|
|
isSet: "已设置"
|
||
|
|
},
|
||
|
|
zh_HK: {
|
||
|
|
title: "賬戶安全",
|
||
|
|
bindingMobilePhone: "賬戶",
|
||
|
|
bindEmailAddress: "綁定郵箱",
|
||
|
|
bindTheGoogleValidator: "綁定谷歌驗證器",
|
||
|
|
isBinding: "已綁定",
|
||
|
|
notBound: "未綁定",
|
||
|
|
loginPassword: "登錄密碼",
|
||
|
|
fundingPassword: "資金密碼",
|
||
|
|
changePassword: "修改密碼",
|
||
|
|
isNotSet: "未設置",
|
||
|
|
isSet: "已設置"
|
||
|
|
},
|
||
|
|
en_US: {
|
||
|
|
title: "Account Security",
|
||
|
|
bindingMobilePhone: "Account",
|
||
|
|
bindEmailAddress: "Bind mailbox",
|
||
|
|
bindTheGoogleValidator: "Google Authenticator",
|
||
|
|
isBinding: "Binded",
|
||
|
|
notBound: "Unbind",
|
||
|
|
loginPassword: "Login password",
|
||
|
|
fundingPassword: "Funding password",
|
||
|
|
changePassword: "Change password",
|
||
|
|
isNotSet: "Not set",
|
||
|
|
isSet: "Is set"
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var dataInfo = new Vue({
|
||
|
|
el: '#data-info',
|
||
|
|
data: {
|
||
|
|
langue: langues[app.getLanguageLocalStorage()],
|
||
|
|
dataBase: {}, // 页面文字渲染
|
||
|
|
userLocalStorage: app.getUserLocalStorage(),
|
||
|
|
isWalletPass: app.getIsWalletPassLocalStorage()
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
//获取缓存数据更新vue绑定对象
|
||
|
|
function saveUserInfoData() {
|
||
|
|
dataInfo.userLocalStorage = app.getUserLocalStorage();
|
||
|
|
}
|
||
|
|
|
||
|
|
mui.plusReady(function() {
|
||
|
|
saveUserInfoData();
|
||
|
|
console.log(JSON.stringify(app.getUserLocalStorage()));
|
||
|
|
|
||
|
|
// 列表项跳转
|
||
|
|
mui(".mui-table-view-cell").on('tap', '.view-herf', function() {
|
||
|
|
var viewId = this.getAttribute('view-id');
|
||
|
|
var viewUrl = this.getAttribute('view-url');
|
||
|
|
app.openWin(viewUrl, viewId);
|
||
|
|
});
|
||
|
|
})
|
||
|
|
|
||
|
|
//谷歌验证器监听
|
||
|
|
/*document.getElementById('google-safe').addEventListener('tap', function() {
|
||
|
|
app.openWin("google_safe.html", "google_safe.html");
|
||
|
|
});*/
|
||
|
|
|
||
|
|
//绑定邮箱监听
|
||
|
|
/*document.getElementById('mail').addEventListener('tap', function() {
|
||
|
|
app.openWin("mail_safe.html", "mail_safe.html");
|
||
|
|
});*/
|
||
|
|
|
||
|
|
// 国际化统一方法
|
||
|
|
window.addEventListener('switchLangueData', function(e) {
|
||
|
|
dataInfo.langue = langues[e.detail];
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</html>
|