<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title>数据预览</title>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
<link rel="stylesheet" type="text/css" href="./css/base.css" />
|
<link rel="stylesheet" type="text/css" href="./css/datamain.css" />
|
<script>
|
window.onresize = function() {
|
document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
|
};
|
window.onresize();
|
</script>
|
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
|
<script src="http://img.flqapp.com/resource/js/app2019112217.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
</head>
|
<body>
|
<div id="root">
|
<div class="div_list">
|
<div class="div_items" v-for="(item, index) in dataList" @click="touchindex(index)">
|
<div class="itemsTop">
|
<div class="title">{{item}}</div>
|
<img src="img/icon_right_arrow.png">
|
</div>
|
<div class="itemsLine" :class="{checked:index==n}"></div>
|
</div>
|
</div>
|
<div class="desc">更多预览开放中...</div>
|
</div>
|
</body>
|
|
<script>
|
// "http://api.flqapp.com";
|
var host = "http://api.flqapp.com";
|
var host1 = "http://apph5.banliapp.com";
|
$(function() {
|
var app = new Vue({
|
el: '#root',
|
data: {
|
n: 4,
|
dataList: ['我的页面预览',
|
'资金页面预览',
|
'提现记录页面预览',
|
'订单推送预览',
|
'到账数据预览'
|
]
|
},
|
watch: {
|
|
},
|
methods: {
|
touchindex: function(index) {
|
switch (index) {
|
case 0:
|
yesApp.jumpWeb(host1 + '/AppInside/dataPreview/myPreview.html', null)
|
break;
|
case 1:
|
yesApp.jumpWeb(host1 + '/AppInside/dataPreview/fund.html', null)
|
break;
|
case 2:
|
yesApp.jumpWeb(host1 + '/AppInside/dataPreview/txRecord.html', null)
|
break;
|
case 3:
|
yesApp.jumpWeb(host1 + '/AppInside/dataPreview/orderPush.html', null)
|
break;
|
case 4:
|
yesApp.jumpWeb(host1 + '/AppInside/dataPreview/receivedData.html', null)
|
break;
|
default:
|
break;
|
}
|
}
|
}
|
});
|
});
|
</script>
|
</html>
|
