From 12be19060156838d3f76b3cb978a2cda3f6b9c95 Mon Sep 17 00:00:00 2001
From: Jerry Yan <792602257@qq.com>
Date: Mon, 9 Sep 2019 16:10:35 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=A4=E6=98=93=E8=A7=84=E5=88=99=E5=BE=85?=
=?UTF-8?q?=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
css/trade_rule.css | 3 +++
js/trade_rule.js | 28 +++++++++++++++++++++++
templete/trade_rule.html | 49 ++++++++++++++++++++++++++++++++++++++++
3 files changed, 80 insertions(+)
create mode 100644 css/trade_rule.css
create mode 100644 js/trade_rule.js
create mode 100644 templete/trade_rule.html
diff --git a/css/trade_rule.css b/css/trade_rule.css
new file mode 100644
index 0000000..27d311b
--- /dev/null
+++ b/css/trade_rule.css
@@ -0,0 +1,3 @@
+[v-cloak] {
+ display: none;
+}
diff --git a/js/trade_rule.js b/js/trade_rule.js
new file mode 100644
index 0000000..98805d0
--- /dev/null
+++ b/js/trade_rule.js
@@ -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"},
+ ]
+ }
+})
\ No newline at end of file
diff --git a/templete/trade_rule.html b/templete/trade_rule.html
new file mode 100644
index 0000000..7a88860
--- /dev/null
+++ b/templete/trade_rule.html
@@ -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>