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.
102 lines
3.0 KiB
102 lines
3.0 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/vue.js"></script>
|
||
|
|
<script src="../../../lib/js/app.js"></script>
|
||
|
|
<script src="../../js/my/my_ajax.js"></script>
|
||
|
|
<script type="text/javascript" src="../../js/login/login_ajax.js"></script>
|
||
|
|
<!--下拉刷新上拉加载js-->
|
||
|
|
<script src="../../../lib/js/mui.pullToRefresh.js"></script>
|
||
|
|
<script src="../../../lib/js/mui.pullToRefresh.js"></script>
|
||
|
|
<script src="../../../lib/js/require2.1.11.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.exchangerateTitle}}</h1>
|
||
|
|
</header>
|
||
|
|
<div class="mui-content">
|
||
|
|
<div class="ul-group">
|
||
|
|
<ul id="exchange-rate" class="mui-table-view app-table-view mui-table-view-radio">
|
||
|
|
<li id="HKD" class="mui-table-view-cell mui-selected">
|
||
|
|
<a class="mui-navigate-right">
|
||
|
|
<span class="txt">HKD</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li id="CNY" class="mui-table-view-cell">
|
||
|
|
<a class="mui-navigate-right">
|
||
|
|
<span class="txt">CNY</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li id="USD" class="mui-table-view-cell">
|
||
|
|
<a class="mui-navigate-right">
|
||
|
|
<span class="txt">USD</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
<li id="EUR" class="mui-table-view-cell">
|
||
|
|
<a class="mui-navigate-right">
|
||
|
|
<span class="txt">EUR</span>
|
||
|
|
</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script>
|
||
|
|
// 国际化
|
||
|
|
var langues = {
|
||
|
|
zh_CN: {
|
||
|
|
exchangerateTitle: "汇率"
|
||
|
|
},
|
||
|
|
zh_HK: {
|
||
|
|
exchangerateTitle: "匯率"
|
||
|
|
},
|
||
|
|
en_US: {
|
||
|
|
exchangerateTitle: "Ex-rate"
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
var dataInfo = new Vue({
|
||
|
|
el: "#data-info",
|
||
|
|
data: {
|
||
|
|
langue: langues[app.getLanguageLocalStorage()],
|
||
|
|
}
|
||
|
|
});
|
||
|
|
var exchangeRate;
|
||
|
|
mui.plusReady(function(){
|
||
|
|
exchangeRate = app.getExchangeRateLocalStorage();
|
||
|
|
var current = document.querySelector(".mui-selected");
|
||
|
|
if(current.id !== exchangeRate) {
|
||
|
|
current.classList.remove('mui-selected');
|
||
|
|
document.getElementById(exchangeRate).classList.add('mui-selected');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
mui('#exchange-rate').on('tap', 'li', function(e) {
|
||
|
|
var rate = this.id;
|
||
|
|
if(rate != exchangeRate){
|
||
|
|
exchangeRate = rate;
|
||
|
|
app.setExchangeRateLocalStorage(rate);
|
||
|
|
var wvs = plus.webview.all();
|
||
|
|
wvs.forEach(view => {
|
||
|
|
mui.fire(view, 'exchangeRate', rate);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
</html>
|