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.
118 lines
3.4 KiB
118 lines
3.4 KiB
<!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 href="../../lib/css/basic.css" rel="stylesheet"/> |
|
<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> |
|
<script src="../js/my/my_ajax.js"></script> |
|
<script src="../../lib/js/require2.1.11.js"></script> |
|
</head> |
|
<style> |
|
.mui-content { |
|
margin: 0.25rem 0.5rem; |
|
} |
|
|
|
#text-content { |
|
width: 100%; |
|
overflow: hidden; |
|
color: #666666; |
|
} |
|
#text-content P{ |
|
color: #666666; |
|
line-height: 22px; |
|
} |
|
#text-content P:first-child{ |
|
text-align: center; |
|
} |
|
g |
|
#text-content img { |
|
width: 100%; |
|
} |
|
</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">{{langue.WalletLoginExample3}}</h1> |
|
</header> |
|
<div class="mui-content"> |
|
<div id="text-content" v-html="textContent"> |
|
{{textContent}} |
|
</div> |
|
</div> |
|
</div> |
|
</body> |
|
|
|
</html> |
|
<script> |
|
// 国际化 |
|
var langues = { |
|
zh_CN: { |
|
WalletLoginExample3: "服务协议", |
|
AjaxError: "网络异常，请检查网络状态" |
|
|
|
}, |
|
zh_HK: { |
|
WalletLoginExample3: "服務協議", |
|
AjaxError: "網絡異常，請檢查網絡狀態" |
|
}, |
|
en_US: { |
|
WalletLoginExample3: "Service Agreement", |
|
AjaxError: "Network exception, please check network status" |
|
} |
|
} |
|
</script> |
|
<script> |
|
var dataInfo = new Vue({ |
|
el: '#data-info', |
|
data: { |
|
langue: langues[app.getLanguageLocalStorage()], |
|
textContent: "" |
|
} |
|
}); |
|
|
|
// console.log(dataInfo); |
|
mui.plusReady(function () { |
|
mui.ajax(myAjaxJs.AJAX_SELECT_AGREEMENT.getUrl, { |
|
headers: { |
|
"X-Requested-Token": app.getTokenStorage(), // token头部 |
|
"locale": app.getLanguageLocalStorage() // 语种头部 |
|
}, |
|
type: myAjaxJs.AJAX_SELECT_AGREEMENT.getType, //HTTP请求类型 |
|
dataType: 'json', //服务器返回json格式数据 |
|
timeout: 10000, //超时时间设置为10秒； |
|
success: function (data) { |
|
if ("200" == data.code) { |
|
console.log(JSON.stringify(data)); |
|
if (data.data) { |
|
dataInfo.textContent = data.data.textContent; |
|
} |
|
|
|
} else { |
|
mui.toast(data.msg); |
|
} |
|
}, |
|
error: function (xhr, type, errorThrown) { |
|
// app.toast(langue.AjaxError); |
|
} |
|
}) |
|
|
|
}) |
|
|
|
// 国际化统一方法 |
|
window.addEventListener('switchLangueData', function (e) { |
|
dataInfo.langue = langues[e.detail]; |
|
}); |
|
</script> |