q792602257/qlg.frontend
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

交易规则待接口

Browse Source
This commit is contained in:
Jerry Yan 2019-09-09 16:10:35 +08:00
parent 165bcbece0
commit 12be190601
3 changed files with 80 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/trade_rule.css Normal file
View File

@ -0,0 +1,3 @@
[v-cloak] {
display: none;
}

28
js/trade_rule.js Normal file
View File

@ -0,0 +1,28 @@
mui.plusReady(function(){
// some ajax
})
const app = new Vue({
el: '#app',
data() {
return {
ruleData: [
]
}
},
created() {
console.log("Vue")
},
methods: {
detail(index){
console.log(this.ruleData[index])
// some jump
}
},
mounted() {
// some ajax
this.ruleData = [
{id: 1, name: '这是一个名字', announced_at: "2019-07-06 18:00:01"},
{id: 2, name: '这是二个名字', announced_at: "2019-07-06 19:00:01"},
]
}
})

49
templete/trade_rule.html Normal file
View File

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html>
<head style="visibility:hidden;">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<title>交易规则</title>
<link rel="stylesheet" type="text/css" href="../css/mui.css" />
</head>
<body style="visibility:hidden;">
<div class="header">
<div class="header_con">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<!--<img src="../img/title_news.png" class="oc_logo" />-->
<p class="title">交易规则</p>
</div>
</div>
<div class="z"></div>
<div class="block" id="app" v-cloak>
<div class="row shadown_wai" v-for="(each, index) in ruleData" :data-id="index" @click="detail(index)">
<span class="r1">{{each.name}}</span>
<img class="youjiantou" src="../img/youjiantou.png" />
</div>
</div>
</body>
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="../lib/vue/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
mui.plusReady(function() {
var element;
var parent = document.body;
element = document.createElement('script');
element.src = localStorage.getItem("jsUrl") + 'common.js?ver=' + localStorage.getItem('version');
parent.appendChild(element);
element.onload = function() {
var style = [JZL.getCssUrl('trade_rule.css'), JZL.getCssUrl("setting.css"), JZL.getCssUrl("global.css"), JZL.getCssUrl("header.css")];
JZL.css_init(style);
var script = [JZL.getJsUrl('trade_rule.js')];
JZL.js_init(script);
setTimeout(function() {
parent.style.visibility = "visible";
}, 100);
};
})
</script>
</html>