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

<!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>