add: 官网增加开奖结果查询，需要服务端增加jsonp接口支持

build.py

@@ -12,8 +12,9 @@ DEF_THEME = 'shop'
 
 
 def read_json(json_file:str) -> Dict:
-    """ read site.json """
-
+    """ read site.json 
+    
+    """
     with open(json_file, "rt") as fh:
         val = json.loads(fh.read())
         val['lambdas'] = {

sections/footer.mustache

@@ -65,6 +65,7 @@
 	<script type="text/javascript" src="assets/js/embed.min.js?ver=5.1.6"></script>
 	<script type="text/javascript" src="assets/js/layerslider/js/greensock.js?ver=1.19.0"></script>
 	<script type="text/javascript" src="assets/js/layerslider/js/layerslider.kreaturamedia.jquery.js?ver=6.8.1"></script>
+	<script type="text/javascript" src="assets/js/tabs/tabs.js"></script>
 	<script type="text/javascript">
 		var lsjQuery = jQuery; lsjQuery(document).ready(function () {
 			if (typeof lsjQuery.fn.layerSlider == "undefined") {

sections/header.mustache

@@ -22,6 +22,7 @@
 		type="text/css" media="all" />
 	<link rel="stylesheet" id="avia-merged-styles-css"
 		href="assets/js/dynamic_avia/avia.css" type="text/css" media="all" />
+	<link rel="stylesheet" href="assets/js/tabs/tabs.css" type="text/css" media="all" />
 	<link rel="icon" href="{{site.favicon}}" type="image/png">
 	<!-- To speed up the rendering and to display the site as fast as possible to the user we include some styles and scripts for above the fold content inline -->
 	<script type="text/javascript" src="assets/js/jquery/jquery.js?ver=1.12.4"></script>

site.json

@@ -25,6 +25,9 @@
 		},{
 			"text": "联系我们",
 			"url": "contact_us.html"
+		},{
+			"text": "活动历史",
+			"url": "activity.html"
 		}
 	],
 	"socials": {

src/activity.mustache

@@ -0,0 +1,98 @@
+{{> header }}
+{{> nav }}
+
+<div class="main_color container_wrap_first container_wrap fullsize">
+	<div class="container">
+		<main role="main" itemprop="mainContentOfPage" class="template-page content av-content-full alpha units">
+			<div class="post-entry post-entry-type-page post-entry-18">
+				<div class="entry-content-wrapper clearfix">
+					<div class="flex_column av_one_full flex_column_div av-zero-column-padding first avia-builder-el-0 el_before_av_one_fifth avia-builder-el-first"
+						style="border-radius:0px;">
+						<section class="av_textblock_section" itemscope="itemscope" itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock" itemprop="text">
+								<h2>活动历史</h2>
+							</div>
+						</section>
+						<div class="hr hr-short hr-left avia-builder-el-2 el_after_av_textblock el_before_av_textblock">
+							<span class="hr-inner"><span class="hr-inner-style"></span></span>
+						</div>
+						<section class="av_textblock_section" itemscope="itemscope" itemtype="https://schema.org/CreativeWork">
+							<div class="tabn">
+                                <button class="tabnlinks" onclick="tabSwitch(event, 'lucky')">幸运2021</button>
+                                <button class="tabnlinks" onclick="tabSwitch(event, 'lucky_a')">番外A</button>
+                                <button class="tabnlinks" onclick="tabSwitch(event, 'lucky_b')">番外B</button>
+                            </div>
+
+                            <div id="lucky" class="tabncontent">
+                                <table>
+                                    <tr>
+                                        <th>时间</th>
+                                        <th>结果</th>
+                                    </tr>
+                                </table>
+                            </div>
+
+                            <div id="lucky_a" class="tabncontent">
+                                <table>
+                                    <tr>
+                                        <th>时间</th>
+                                        <th>结果</th>
+                                    </tr>
+                                </table>
+                            </div>
+
+                            <div id="lucky_b" class="tabncontent">
+                                <table>
+                                    <tr>
+                                        <th>时间</th>
+                                        <th>结果</th>
+                                    </tr>
+                                </table>
+                            </div>
+						</section>
+					</div>
+				</div>
+			</div>
+		</main><!-- close content main element -->
+		<!-- section close by builder template -->
+	</div>
+	<!--end builder template-->
+</div><!-- close default .container_wrap element -->
+
+<script type="text/javascript">
+    jQuery.ajax({
+        url: 'http://twong.h/api/activities?callback=?',
+        type: 'GET',
+        jsonp: 'callback',
+        dataType: 'jsonp',
+        data: {
+
+        },
+        success: function(resp) {
+            insertTableRow('lucky', resp);
+            insertTableRow('lucky_a', resp);
+            insertTableRow('lucky_b', resp);
+        },
+        error: function(jqXHR, textStatus, error) {
+            console.log(error);
+        }
+   });
+
+   function insertTableRow(divId, arr)
+   {
+       var div = document.getElementById(divId);
+       var table = div.getElementsByTagName('table')[0];
+       var i = 1;
+       arr.forEach(function (item, index) {
+           if (item.activity === divId) {
+                table.insertRow(i);
+                table.rows[i].insertCell(0).innerHTML = item.ts;
+                table.rows[i].insertCell(1).innerHTML = item.result;
+                i += 1;
+           }
+       });
+   }
+
+</script>
+
+{{> footer }}

themes/shop/js/tabs/tabs.css

@@ -0,0 +1,31 @@
+.tabn {
+    overflow: hidden;
+    border: 1px solid #ccc;
+    background-color: #f1f1f1;
+}
+
+.tabn button {
+    background-color: inherit;
+    float: left;
+    border: none;
+    outline: none;
+    cursor: pointer;
+    padding: 14px 16px;
+    transition: 0.3s;
+    font-size: 17px;
+}
+
+.tabn button:hover {
+    background-color: #ddd;
+}
+
+.tabn button.active {
+    background-color: #ccc;
+}
+
+.tabncontent {
+    display: none;
+    padding: 6px 12px;
+    border: 1px solid #ccc;
+    border-top: none;
+}

themes/shop/js/tabs/tabs.js

@@ -0,0 +1,14 @@
+
+function tabSwitch(ev, tabName) {
+    var i, tabcontent, tablinks;
+    tabcontent = document.getElementsByClassName('tabncontent');
+    for (i=0; i<tabcontent.length; i++) {
+        tabcontent[i].style.display = 'none';
+    }
+    tablinks = document.getElementsByClassName('tabnlinks');
+    for (i=0; i<tablinks.length; i++) {
+        tablinks[i].className = tablinks[i].className.replace(" active", "");
+    }
+    document.getElementById(tabName).style.display = 'block';
+    ev.currentTarget.className += ' active';
+}