chenrui 4 年之前
父節點
當前提交
5b88decaec
共有 83 個文件被更改,包括 2245 次插入75 次删除
  1. 0 0
      新模板/75折/alert.js
  2. 0 0
      新模板/75折/example.jpg
  3. 0 0
      新模板/75折/img/hdnr.png
  4. 0 0
      新模板/75折/img/headBg.jpg
  5. 0 0
      新模板/75折/img/p1.jpg
  6. 0 0
      新模板/75折/img/p10.jpg
  7. 0 0
      新模板/75折/img/p11.jpg
  8. 0 0
      新模板/75折/img/p12.jpg
  9. 0 0
      新模板/75折/img/p13.jpg
  10. 0 0
      新模板/75折/img/p14.jpg
  11. 0 0
      新模板/75折/img/p15.jpg
  12. 0 0
      新模板/75折/img/p16.jpg
  13. 0 0
      新模板/75折/img/p17.jpg
  14. 0 0
      新模板/75折/img/p2.jpg
  15. 0 0
      新模板/75折/img/p3.jpg
  16. 0 0
      新模板/75折/img/p4.jpg
  17. 0 0
      新模板/75折/img/p5.jpg
  18. 0 0
      新模板/75折/img/p6.jpg
  19. 0 0
      新模板/75折/img/p7.jpg
  20. 0 0
      新模板/75折/img/p8.jpg
  21. 0 0
      新模板/75折/img/p9.jpg
  22. 0 0
      新模板/75折/img/title.png
  23. 8 16
      新模板/75折/index.html
  24. 0 0
      新模板/75折/leftTime.min.js
  25. 0 28
      新模板/75折/script.js
  26. 0 0
      新模板/75折/spin.min.js
  27. 5 31
      新模板/75折/tpl.html
  28. 46 0
      新模板/85折/alert.js
  29. 二進制
      新模板/85折/example.jpg
  30. 二進制
      新模板/85折/img/hdnr.png
  31. 二進制
      新模板/85折/img/headBg.jpg
  32. 二進制
      新模板/85折/img/p1.jpg
  33. 二進制
      新模板/85折/img/p10.jpg
  34. 二進制
      新模板/85折/img/p11.jpg
  35. 二進制
      新模板/85折/img/p12.jpg
  36. 二進制
      新模板/85折/img/p13.jpg
  37. 二進制
      新模板/85折/img/p14.jpg
  38. 二進制
      新模板/85折/img/p15.jpg
  39. 二進制
      新模板/85折/img/p16.jpg
  40. 二進制
      新模板/85折/img/p17.jpg
  41. 二進制
      新模板/85折/img/p2.jpg
  42. 二進制
      新模板/85折/img/p3.jpg
  43. 二進制
      新模板/85折/img/p4.jpg
  44. 二進制
      新模板/85折/img/p5.jpg
  45. 二進制
      新模板/85折/img/p6.jpg
  46. 二進制
      新模板/85折/img/p7.jpg
  47. 二進制
      新模板/85折/img/p8.jpg
  48. 二進制
      新模板/85折/img/p9.jpg
  49. 二進制
      新模板/85折/img/title.png
  50. 185 0
      新模板/85折/index.html
  51. 6 0
      新模板/85折/leftTime.min.js
  52. 277 0
      新模板/85折/script.js
  53. 0 0
      新模板/85折/spin.min.js
  54. 603 0
      新模板/85折/tpl.html
  55. 46 0
      新模板/8折/alert.js
  56. 二進制
      新模板/8折/example.jpg
  57. 二進制
      新模板/8折/img/hdnr.png
  58. 二進制
      新模板/8折/img/headBg.jpg
  59. 二進制
      新模板/8折/img/p1.jpg
  60. 二進制
      新模板/8折/img/p10.jpg
  61. 二進制
      新模板/8折/img/p11.jpg
  62. 二進制
      新模板/8折/img/p12.jpg
  63. 二進制
      新模板/8折/img/p13.jpg
  64. 二進制
      新模板/8折/img/p14.jpg
  65. 二進制
      新模板/8折/img/p15.jpg
  66. 二進制
      新模板/8折/img/p16.jpg
  67. 二進制
      新模板/8折/img/p17.jpg
  68. 二進制
      新模板/8折/img/p2.jpg
  69. 二進制
      新模板/8折/img/p3.jpg
  70. 二進制
      新模板/8折/img/p4.jpg
  71. 二進制
      新模板/8折/img/p5.jpg
  72. 二進制
      新模板/8折/img/p6.jpg
  73. 二進制
      新模板/8折/img/p7.jpg
  74. 二進制
      新模板/8折/img/p8.jpg
  75. 二進制
      新模板/8折/img/p9.jpg
  76. 二進制
      新模板/8折/img/title.png
  77. 184 0
      新模板/8折/index.html
  78. 6 0
      新模板/8折/leftTime.min.js
  79. 277 0
      新模板/8折/script.js
  80. 0 0
      新模板/8折/spin.min.js
  81. 602 0
      新模板/8折/tpl.html
  82. 二進制
      新模板/kyjh.png
  83. 二進制
      新模板/海报分享图.jpg

+ 0 - 0
新模板/alert.js → 新模板/75折/alert.js


+ 0 - 0
新模板/example.jpg → 新模板/75折/example.jpg


+ 0 - 0
新模板/img/hdnr.png → 新模板/75折/img/hdnr.png


+ 0 - 0
新模板/img/headBg.jpg → 新模板/75折/img/headBg.jpg


+ 0 - 0
新模板/img/p1.jpg → 新模板/75折/img/p1.jpg


+ 0 - 0
新模板/img/p10.jpg → 新模板/75折/img/p10.jpg


+ 0 - 0
新模板/img/p11.jpg → 新模板/75折/img/p11.jpg


+ 0 - 0
新模板/img/p12.jpg → 新模板/75折/img/p12.jpg


+ 0 - 0
新模板/img/p13.jpg → 新模板/75折/img/p13.jpg


+ 0 - 0
新模板/img/p14.jpg → 新模板/75折/img/p14.jpg


+ 0 - 0
新模板/img/p15.jpg → 新模板/75折/img/p15.jpg


+ 0 - 0
新模板/img/p16.jpg → 新模板/75折/img/p16.jpg


+ 0 - 0
新模板/img/p17.jpg → 新模板/75折/img/p17.jpg


+ 0 - 0
新模板/img/p2.jpg → 新模板/75折/img/p2.jpg


+ 0 - 0
新模板/img/p3.jpg → 新模板/75折/img/p3.jpg


+ 0 - 0
新模板/img/p4.jpg → 新模板/75折/img/p4.jpg


+ 0 - 0
新模板/img/p5.jpg → 新模板/75折/img/p5.jpg


+ 0 - 0
新模板/img/p6.jpg → 新模板/75折/img/p6.jpg


+ 0 - 0
新模板/img/p7.jpg → 新模板/75折/img/p7.jpg


+ 0 - 0
新模板/img/p8.jpg → 新模板/75折/img/p8.jpg


+ 0 - 0
新模板/img/p9.jpg → 新模板/75折/img/p9.jpg


+ 0 - 0
新模板/img/title.png → 新模板/75折/img/title.png


+ 8 - 16
新模板/index.html → 新模板/75折/index.html

@@ -26,7 +26,7 @@
 					<div class="zy-h5-title">
 						<img class="img-title" src="./img/title.png">
 						<div class="store-name">
-							<span>[</span>长青二路店<span>]</span>
+							<p>[<span>长青二路店</span>]</p>
 						</div>
 						<div class="active-time">
 							活动时间:2020-11-20 至 2020-12-20
@@ -38,10 +38,10 @@
 						<div class="active-content">
 							<p>1.首次进店洗车送15元洗车券</p>
 							<p>2.首次进店保养就送一次顶级打蜡+清洁内饰+全车26项检测</p>
-							<p>3.首次进店洗车送15元洗车券</p>
-							<p>4.首次进店洗车送15元洗车券</p>
+							<p>3.办套餐卡就送60元保养代金券;</p>
+							<p>4.全场所有项目均7.5折;</p>
 						</div>
-						<div class="active-zy">注:所有活动最终解释权归车领主所有</div>
+						<div class="active-zy">注:所有活动最终解释权归门店所有</div>
 					</div>
 				</div>
 			</div>
@@ -144,44 +144,36 @@
 					</div>
 					<div class="kh-list">
 					    <div class="kh-list-tr kh-list-tr-head">
-							<div class="kh-list-td">车牌号</div>
+							<div class="kh-list-td">手机号</div>
 							<div class="kh-list-td">报名状态</div>
-							<div class="kh-list-td">报名时间</div>
 						</div>
 						<div class="kh-list-tr">
 							<div class="kh-list-td">山A***56</div>
 							<div class="kh-list-td">已报名</div>
-							<div class="kh-list-td">2020-12-25</div>
 						</div>
 						<div class="kh-list-tr">
 							<div class="kh-list-td">山A***56</div>
 							<div class="kh-list-td">已报名</div>
-							<div class="kh-list-td">2020-12-25</div>
 						</div>
 						<div class="kh-list-tr">
 							<div class="kh-list-td">山A***56</div>
 							<div class="kh-list-td">已报名</div>
-							<div class="kh-list-td">2020-12-25</div>
 						</div>
 						<div class="kh-list-tr">
 							<div class="kh-list-td">山A***56</div>
 							<div class="kh-list-td">已报名</div>
-							<div class="kh-list-td">2020-12-25</div>
 						</div>
 						<div class="kh-list-tr">
 							<div class="kh-list-td">山A***56</div>
 							<div class="kh-list-td">已报名</div>
-							<div class="kh-list-td">2020-12-25</div>
 						</div>
 						<div class="kh-list-tr">
 							<div class="kh-list-td">山A***56</div>
 							<div class="kh-list-td">已报名</div>
-							<div class="kh-list-td">2020-12-25</div>
 						</div>
 						<div class="kh-list-tr">
 							<div class="kh-list-td">山A***56</div>
 							<div class="kh-list-td">已报名</div>
-							<div class="kh-list-td">2020-12-25</div>
 						</div>
 					</div>
 				</div>
@@ -242,7 +234,7 @@
 		}
 		.zy-h5-main{
 			position: relative;
-			padding-bottom: 3em;
+			padding-bottom: 4em;
 			background: #c01b39;
 		}
 		.zy-h5-bgimg{
@@ -274,7 +266,7 @@
 			margin: 0 0.2em;
 		}
 		.active-time{
-			width: 60%;
+			width: 70%;
 			margin:0 auto;
 			background: #ff7f00;
 			color: #ffff;
@@ -297,7 +289,7 @@
 			top:0;
 		}
 		.active-content{
-			padding:0.5em 2em;
+			padding:1em 2em 0.5em;
 			border: 0.3em solid #f39501;
 			width: 70%;
 			margin: 0 auto;

+ 0 - 0
新模板/leftTime.min.js → 新模板/75折/leftTime.min.js


+ 0 - 28
新模板/script.js → 新模板/75折/script.js

@@ -253,17 +253,11 @@ window.onload = function(){
 					let html = `<div class="kh-list-tr kh-list-tr-head">
 							<div class="kh-list-td">手机号</div>
 							<div class="kh-list-td">报名状态</div>
-							<div class="kh-list-td">报名时间</div>
 						</div>`
 					for(let i = 0; i < data.length; i++){
-						// html += `<li class="info-con">
-				  //       	<p class="qg-people">${data[i].joinerMobile}</p>
-				  //       	<p class="qg-state">抢购成功</p>
-				  //       </li>`
 						html += `<div class="kh-list-tr kh-list-tr-head">
 							<div class="kh-list-td">${data[i].joinerMobile}</div>
 							<div class="kh-list-td">已报名</div>
-							<div class="kh-list-td">报名时间</div>
 						</div>`
 					}
 					document.getElementById("kh-list").innerHTML = html
@@ -271,28 +265,6 @@ window.onload = function(){
 			},
 		})
 	}
-	// //  上下滚动
-	// function upDownScroll(){
-	// 	var scrollTimer
-	// 	$("#scroll").hover(function(){
-	// 		clearInterval(scrollTimer)
-	// 	}, function() {
-	// 		scrollTimer = setInterval(function() {
-	// 			scrollContent($("#scroll"))
-	// 		}, 2000)
-	// 	}).trigger("mouseout")
-	// }
-	// function scrollContent(obj) {
-	// 	var $self = obj.find("ul:first")
-	// 	var lineHeight = $self.find("li:first").height() //获取行高
-	// 	$self.animate({
-	// 		"margin-top": -lineHeight + "px"
-	// 	}, 1000, function() {
-	// 		$self.css({
-	// 			"margin-top": "0px"
-	// 		}).find("li:first").appendTo($self) //appendTo能直接移动元素而不是复制,被appendto的元素位置发生变化
-	// 	})
-	// }
 }
 // 正则获取地址栏参数
 function getQueryString(name) {

+ 0 - 0
新模板/spin.min.js → 新模板/75折/spin.min.js


+ 5 - 31
新模板/tpl.html → 新模板/75折/tpl.html

@@ -47,7 +47,7 @@
 							<p>3.办套餐卡就送60元保养代金券;</p>
 							<p>4.全场所有项目均7.5折;</p>
 						</div>
-						<div class="active-zy">注:所有活动最终解释权归车领主所有</div>
+						<div class="active-zy">注:所有活动最终解释权归门店所有</div>
 					</div>
 				</div>
 			</div>
@@ -152,33 +152,7 @@
 					<div class="header-con">
 						<p>已有<span id="joinerNum">${active.initBuyNum!}</span>名客户报名</p>
 					</div>
-					<div class="kh-list" id="kh-list">
-						<!-- <div class="kh-list-tr kh-list-tr-head">
-							<div class="kh-list-td">车牌号</div>
-							<div class="kh-list-td">报名状态</div>
-							<div class="kh-list-td">报名时间</div>
-						</div>
-						<div class="kh-list-tr">
-							<div class="kh-list-td">山A***56</div>
-							<div class="kh-list-td">已报名</div>
-							<div class="kh-list-td">2020-12-25</div>
-						</div>
-						<div class="kh-list-tr">
-							<div class="kh-list-td">山A***56</div>
-							<div class="kh-list-td">已报名</div>
-							<div class="kh-list-td">2020-12-25</div>
-						</div>
-						<div class="kh-list-tr">
-							<div class="kh-list-td">山A***56</div>
-							<div class="kh-list-td">已报名</div>
-							<div class="kh-list-td">2020-12-25</div>
-						</div>
-						<div class="kh-list-tr">
-							<div class="kh-list-td">山A***56</div>
-							<div class="kh-list-td">已报名</div>
-							<div class="kh-list-td">2020-12-25</div>
-						</div> -->
-					</div>
+					<div class="kh-list" id="kh-list"></div>
 				</div>
 			</div>
 			<!-- 底部浮动栏 -->
@@ -256,7 +230,7 @@
 
 		.zy-h5-main {
 			position: relative;
-			padding-bottom: 3em;
+			padding-bottom: 4em;
 			background: #c01b39;
 		}
 
@@ -320,7 +294,7 @@
 		}
 
 		.active-content {
-			padding: 0.5em 2em;
+			padding: 1em 2em 0.5em;
 			border: 0.3em solid #f39501;
 			width: 70%;
 			margin: 0 auto;
@@ -439,7 +413,7 @@
 		}
 
 		.kh-list-td {
-			width: 33%;
+			width: 50%;
 			padding: 0.8em 0.5em;
 			text-align: center;
 		}

+ 46 - 0
新模板/85折/alert.js

@@ -0,0 +1,46 @@
+window.alert = function(msg, callback) {
+    var div = document.createElement("div");
+    div.innerHTML = "<style type=\"text/css\">"
+            + ".nbaMask { position: fixed; z-index: 10001; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }                                                                                                                                                                       "
+            + ".nbaMaskTransparent { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; }                                                                                                                                                                                            "
+            + ".nbaDialog { position: fixed; z-index: 10001; width: 80%; max-width: 300px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; text-align: center; border-radius: 8px; overflow: hidden; opacity: 1; color: white; }"
+            + ".nbaDialog .nbaDialogHd { padding: 1.2rem .27rem .08rem .27rem; }                                                                                                                                                                                                                         "
+            + ".nbaDialog .nbaDialogHd .nbaDialogTitle { font-size: 17px; font-weight: 400; }                                                                                                                                                                                                           "
+            + ".nbaDialog .nbaDialogBd { padding: 0 .27rem; font-size: 15px; line-height: 1.3; word-wrap: break-word; word-break: break-all; color: #000000; }                                                                                                                                          "
+            + ".nbaDialog .nbaDialogFt { position: relative; line-height: 48px; font-size: 17px; display: -webkit-box; display: -webkit-flex; display: flex; }                                                                                                                                          "
+            + ".nbaDialog .nbaDialogFt:after { content: \" \"; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #e6e6e6; color: #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }               "
+            + ".nbaDialog .nbaDialogBtn { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #09BB07; text-decoration: none; -webkit-tap-highlight-color: transparent; position: relative; margin-bottom: 0; }                                                                       "
+            + ".nbaDialog .nbaDialogBtn:after { content: \" \"; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #e6e6e6; color: #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); }             "
+            + ".nbaDialog a { text-decoration: none; -webkit-tap-highlight-color: transparent; }"
+            + "</style>"
+            + "<div id=\"dialogs2\" style=\"display: none\">"
+            + "<div class=\"nbaMask\"></div>"
+            + "<div class=\"nbaDialog\">"
+            + "    <div class=\"nbaDialogHd\">"
+            + "        <strong class=\"nbaDialogTitle\"></strong>"
+            + "    </div>"
+            + "    <div class=\"nbaDialogBd\" id=\"dialog_msg2\">弹窗内容,告知当前状态、信息和解决方法,描述文字尽量控制在三行内</div>"
+            + "    <div class=\"nbaDialogHd\">"
+            + "        <strong class=\"nbaDialogTitle\"></strong>"
+            + "    </div>"
+            + "    <div class=\"nbaDialogFt\">"
+            + "        <a href=\"javascript:;\" class=\"nbaDialogBtn nbaDialogBtnPrimary\" id=\"dialog_ok2\">确定</a>"
+            + "    </div></div></div>";
+    document.body.appendChild(div);
+ 
+    var dialogs2 = document.getElementById("dialogs2");
+    dialogs2.style.display = 'block';
+ 
+    var dialog_msg2 = document.getElementById("dialog_msg2");
+    dialog_msg2.innerHTML = msg;
+ 
+    // var dialog_cancel = document.getElementById("dialog_cancel");
+    // dialog_cancel.onclick = function() {
+    // dialogs2.style.display = 'none';
+    // };
+    var dialog_ok2 = document.getElementById("dialog_ok2");
+    dialog_ok2.onclick = function() {
+        dialogs2.style.display = 'none';
+        // callback();
+    };
+};

二進制
新模板/85折/example.jpg


二進制
新模板/85折/img/hdnr.png


二進制
新模板/85折/img/headBg.jpg


二進制
新模板/85折/img/p1.jpg


二進制
新模板/85折/img/p10.jpg


二進制
新模板/85折/img/p11.jpg


二進制
新模板/85折/img/p12.jpg


二進制
新模板/85折/img/p13.jpg


二進制
新模板/85折/img/p14.jpg


二進制
新模板/85折/img/p15.jpg


二進制
新模板/85折/img/p16.jpg


二進制
新模板/85折/img/p17.jpg


二進制
新模板/85折/img/p2.jpg


二進制
新模板/85折/img/p3.jpg


二進制
新模板/85折/img/p4.jpg


二進制
新模板/85折/img/p5.jpg


二進制
新模板/85折/img/p6.jpg


二進制
新模板/85折/img/p7.jpg


二進制
新模板/85折/img/p8.jpg


二進制
新模板/85折/img/p9.jpg


二進制
新模板/85折/img/title.png


文件差異過大導致無法顯示
+ 185 - 0
新模板/85折/index.html


+ 6 - 0
新模板/85折/leftTime.min.js

@@ -0,0 +1,6 @@
+//  倒计时
+(function(y,g){Date.prototype.format=function(a){var d={"M+":this.getMonth()+1,"d+":this.getDate(),"h+":this.getHours(),"m+":this.getMinutes(),"s+":this.getSeconds(),"q+":Math.floor((this.getMonth()+3)/3),S:this.getMilliseconds()};/(y+)/.test(a)&&(a=a.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length)));for(var c in d)(new RegExp("("+c+")")).test(a)&&(a=a.replace(RegExp.$1,1==RegExp.$1.length?d[c]:("00"+d[c]).substr((""+d[c]).length)));return a};g.leftTime=function(a,d,c){function w(a){return-1!=
+a.indexOf("-")||-1!=a.indexOf("/")?!0:!1}function g(a){return/^(20|21|22|23|[0-1]\d):[0-5]\d$/.test(y.trim(a))?!0:!1}function r(a){10>a&&c&&(a="0"+a);return a}function z(){if("string"===typeof a||"number"===typeof a){var b=(new Date).getTime(),c;"string"===typeof a||12<=a.toString().length?(a="string"===typeof a&&1==w(a)?a.replace(/-/g,"/"):a,c=(new Date(a)).getTime(),b=c-b):(c=a-A.count,b=1E3*c,A.count++);0<b?(h=Math.floor(b/1E3/60/60/24),k=Math.floor(b/1E3/60/60%24),l=Math.floor(b/1E3/60%60),m=
+Math.floor(b/1E3%60),n=!0):(window.clearInterval(e),m=l=k=h=0,n=!1)}else"object"===typeof a&&(b=(new Date).getTime()+(0<t?-1*t:Math.abs(t)),c=0,u<f?(c=f,v=1):u>=f&&u<p?(c=p,v=2):u>=p&&(v=3),b=c-b,0<b?(h=Math.floor(b/1E3/60/60/24),k=Math.floor(b/1E3/60/60%24),l=Math.floor(b/1E3/60%60),m=Math.floor(b/1E3%60),n=!0):(window.clearInterval(e),m=l=k=h=0,n=!1));b={d:r(h),h:r(k),m:r(l),s:r(m)};b.status=n;b.step=v;if(d&&"function"===typeof d)return d(b)}var e=this.timer;c||0==c||(c=!0);var A={count:0},h=0,
+k=0,l=0,m=0,v=0,n=!1;if("object"===typeof a){a.init||1==a.init||(a.init=!1);var t=0,x,q=0;if(0!=a.setday||"0"!=a.setday)q=864E5*parseInt(a.setday);a.nowdate&&null!=a.nowdate&&void 0!=a.nowdate&&"undefined"!=a.nowdate?(t=(new Date).getTime()-parseInt(a.nowdate),x=new Date(a.nowdate)):(a.nowdate=(new Date).getTime(),x=new Date);var q=new Date(parseInt(a.nowdate)+q),f=0,p=0;0==a.startdate||"0"==a.startdate||a.init||("string"===typeof a.startdate?w(a.startdate)?f=(new Date(a.startdate.replace(/-/g,"/"))).getTime():
+g(a.startdate)&&(f=(new Date(q.format("yyyy/MM/dd")+" "+a.startdate)).getTime()):"number"===typeof a.startdate&&(f=a.startdate));if(0!=a.enddate||"0"!=a.enddate)"string"===typeof a.enddate?w(a.enddate)?p=(new Date(a.enddate.replace(/-/g,"/"))).getTime():g(a.enddate)&&(p=(new Date(q.format("yyyy/MM/dd")+" "+a.enddate)).getTime()):"number"===typeof a.enddate&&(f=a.enddate);var u=x.getTime()}z();e=setInterval(z,1E3);if("undefined"!=e||null!=e||void 0!=e)return e};y.extend(g)})(jQuery||zepto,{});

+ 277 - 0
新模板/85折/script.js

@@ -0,0 +1,277 @@
+var getNode = function(id){
+	return document.getElementById(id)
+}
+var yuyue = getNode("yuyue")  //  预约按钮
+var share = getNode("share")  //  分享按钮
+var modal = getNode("zy-h5-modal")  //  预约弹框
+var modalZz = getNode("zy-h5-fix-z")  //  弹框遮罩层
+var submitModal = getNode("submitModal")  //  提交预约
+var canselModal = getNode("canselModal")  //  取消预约
+var userPhone = getNode("userPhone")  //  预约手机号
+var joinerNum = getNode("joinerNum")  //  参与人数
+var storeHead = getNode("store-head")  //  头部门店名称
+var store = getNode("store")  //  门店
+var address = getNode("address")  //  地址
+var tel = getNode("tel")  //  电话
+
+var storeId = getQueryString('orgId') || 0  //  门店id
+var companyId = ''
+// test,  测试     local、dev:本地开发环境     pre :预发布      pro:生产
+if(baseType == 'test'){
+	var reqUrl = 'http://192.168.16.100:9110/saas/clz/'
+}else if(baseType == 'local'){
+	var reqUrl = 'http://192.168.16.104:9110/saas/clz/'
+}else if(baseType == 'dev'){
+	var reqUrl = 'http://192.168.16.104:9110/saas/clz/'
+}else if(baseType == 'pre'){
+	var reqUrl = 'http://md.test.zyucgj.com/saas/clz/'
+}else if(baseType == 'pro'){
+	var reqUrl = 'http://md.chelingzhu.com/saas/clz/'
+}
+// 隐藏预约弹框
+var closeYy = function (){
+	userPhone.value = ''
+	modal.style.display = 'none'
+	modalZz.style.display = 'none'
+}
+window.onload = function(){
+	if(staticHtmlPath){  //  发布
+		onLoading()  //  加载中
+		checkActiveValid()
+	}else{  //  预览
+		getActivityData()  //  获取活动信息
+	}
+	//  倒计时
+	function_name($('#dateShow1').data("date"), '#dateShow1')
+	
+	function function_name(time,obj) {
+		$.leftTime(time,function(d){
+			if(d.status){
+				var $dateShow1=$(obj);
+				$dateShow1.find(".d").html(d.d);
+				$dateShow1.find(".h").html(d.h);
+				$dateShow1.find(".m").html(d.m);
+				$dateShow1.find(".s").html(d.s);
+				//  倒计时结束
+				if(parseInt(d.d)==0 && parseInt(d.h)==0 && parseInt(d.m)==0 && parseInt(d.s)==0){
+					document.getElementById('zy-h5-bf-bar').innerHTML = '活动已结束'
+					document.getElementById('zy-h5-bf-bar').style.display = 'block'
+					document.getElementById('zy-h5-bf-bar').style.fontSize = '13px'
+					document.getElementById('zy-h5-bf-bar').style.color = '#666'
+					document.getElementById('zy-h5-bf-bar').style.padding = '11px 0'
+					document.getElementById('zy-h5-bf-bar').style.textAlign = 'center'
+				}
+			}
+		});
+	}
+	//  校验活动是否还在进行
+	function checkActiveValid(){
+		$.ajax({
+			url: reqUrl + 'zycar-mgr/active/checkActiveValid/' + activeId,
+			type: 'get',
+			header: { contentType: 'application/json;charset=UTF-8' },
+			// 设置的是请求参数
+			data: {},
+			dataType: 'json',
+			success: function (res) {
+				if(res.status == 200){
+					if(res.data){
+						getActivityData()  //  获取活动信息
+					}else{
+						closeLoading()  //  关闭加载状态
+						alert('该活动已经结束!')
+					}
+				}
+			}
+		})
+	}
+	//  获取活动信息
+	function getActivityData(){
+		//  获取活动信息 (海报和门店二维码)
+		$.ajax({
+			url: reqUrl + 'active/findActiveAttach/' + activeId,
+			type: 'get',
+			header: { contentType: 'application/json;charset=UTF-8' },
+			// 设置的是请求参数
+			data: {},
+			dataType: 'json',
+			success: function (res) {
+				if(res.status == 200){
+					const data = res.data
+					if(staticHtmlPath){  //  发布
+						const joinerNumVal = parseInt(data.initBuyNum) + parseInt(data.joinerNum)
+						joinerNum.innerHTML = joinerNumVal
+						$('.zy-h5-store-info').show()
+					}
+					//  根据门店id处理对应页面展示
+					if(storeId){  //  门店端发布活动会传有门店id参数
+						//  获取门店信息
+						$.ajax({
+							url: reqUrl + 'cross/store/' + storeId,
+							type: 'get',
+							header: { contentType: 'application/json;charset=UTF-8' },
+							// 设置的是请求参数
+							data: {},
+							dataType: 'json',
+							success: function (result) {
+								if(result.status == 200){
+									const data = result.data
+									storeHead.innerHTML = data.name || ''
+									store.innerHTML = data.name || ''
+									let addrCityName = data.addrCityName || ''
+									let addrDistrictName = data.addrDistrictName || ''
+									let addrDetail = data.addrDetail || ''
+									address.innerHTML = addrCityName + addrDistrictName + addrDetail
+									tel.innerHTML = data.managerMobile
+									document.getElementById("tel-link").href = 'tel:' + data.managerMobile
+									companyId = data.companyId
+									joinerList(companyId)  //  参与人列表数据
+								}
+							},
+						})
+					}else{  //  运营端发布活动无门店id参数
+						joinerList()  //  参与人列表数据
+					}
+					closeLoading()  //  关闭加载状态
+				}
+			},
+		})
+	}
+	//  关闭加载状态
+	function closeLoading(){
+		if(staticHtmlPath){  //  发布
+			// 关闭加载状态
+			document.getElementById('foo').style.display = 'none'
+			modalZz.style.display = 'none'
+			// 不是微信端打开的页面
+			if(!browser.versions.weixin){
+				document.querySelector('.zy-h5-bf-bar').style.display = 'none'
+				document.querySelector('.zy-h5-fx-bar').style.display = 'none'
+			}else{
+				document.querySelector('.zy-h5-bf-bar').style.display = 'flex'
+				document.querySelector('.zy-h5-fx-bar').style.display = 'block'
+			}
+		}
+	}
+	// 加载中
+	function onLoading(){
+		// 隐藏参与和分享按钮
+		document.querySelector('.zy-h5-bf-bar').style.display = 'none'
+		document.querySelector('.zy-h5-fx-bar').style.display = 'none'
+		modalZz.style.display = 'block'  //  遮罩层
+		var opts = {
+			lines: 9, // The number of lines to draw
+			length: 0, // The length of each line
+			width: 10, // The line thickness
+			radius: 15, // The radius of the inner circle
+			corners: 1, // Corner roundness (0..1)
+			rotate: 0, // The rotation offset
+			color: '#2979ff', // #rgb or #rrggbb
+			speed: 1, // Rounds per second
+			trail: 60, // Afterglow percentage
+			shadow: false, // Whether to render a shadow
+			hwaccel: false, // Whether to use hardware acceleration
+			className: 'spinner', // The CSS class to assign to the spinner
+			zIndex: 2e9, // The z-index (defaults to 2000000000)
+			top: 'auto', // Top position relative to parent in px
+			left: 'auto' // Left position relative to parent in px
+		};
+		var target = document.getElementById('foo');
+		var spinner = new Spinner(opts).spin(target);
+	}
+	// 打开预约弹框
+	yuyue.onclick = function(){
+		modal.style.display = 'block'
+		modalZz.style.display = 'block'
+	}
+	// 关闭预约弹框
+	canselModal.onclick = function(){
+		closeYy()
+	}
+	// 提交预约
+	submitModal.onclick = function(){
+		// 提交代码到后台
+		var mobile = userPhone.value
+		if(mobile==''){
+			alert("请输入手机号码");
+			return false; 
+		}
+		if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(mobile))){ 
+			alert("手机号码错误,请重填");  
+			return false; 
+		}
+		const obj = JSON.stringify({
+			"joinerMobile": mobile,  //  参与手机号
+			"activeId": activeId,  //  活动id
+			"tenantId": storeId,  //  门店id
+			"companyId": companyId  //  公司id
+		})
+		//  立即参与
+		$.ajax({
+			url: reqUrl + 'active/signUp',
+			type: 'post',
+			contentType: 'application/json;charset=UTF-8',
+			// 设置的是请求参数
+			data: obj,
+			dataType: 'json',
+			success: function (res) {
+				if(res.status == 200){
+					closeYy()
+				}
+				alert(res.message)
+			}
+		})
+	}
+	// 分享
+	share.onclick = function(){
+		if(storeId){
+			window.location.href = 'http://static.chelingzhu.com/active/poster.html?id=' + activeId + '&reqUrl=' + reqUrl + '&orgId=' + storeId
+		}else{
+			window.location.href = 'http://static.chelingzhu.com/active/poster.html?id=' + activeId + '&reqUrl=' + reqUrl
+		}
+		
+	}
+	//  门店活动统计(参与者轮播)
+	function joinerList(companyId){
+		let obj = JSON.stringify({
+			activeId: activeId,  //  活动id
+			tenantId: storeId,  //  门店id
+			companyId: companyId,  //  公司id
+			status: 9  //  9是假数据的标识
+		})
+		//  获取门店信息
+		$.ajax({
+			url: reqUrl + 'cross/active/joinerByActive/1/1000',
+			type: 'post',
+			contentType: 'application/json;charset=UTF-8',
+			// 设置的是请求参数
+			data: obj,
+			dataType: 'json',
+			success: function (res) {
+				if(res.status == 200){
+					const data = res.data.list
+					let html = `<div class="kh-list-tr kh-list-tr-head">
+							<div class="kh-list-td">手机号</div>
+							<div class="kh-list-td">报名状态</div>
+						</div>`
+					for(let i = 0; i < data.length; i++){
+						html += `<div class="kh-list-tr kh-list-tr-head">
+							<div class="kh-list-td">${data[i].joinerMobile}</div>
+							<div class="kh-list-td">已报名</div>
+						</div>`
+					}
+					document.getElementById("kh-list").innerHTML = html
+				}
+			},
+		})
+	}
+}
+// 正则获取地址栏参数
+function getQueryString(name) {
+	let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i")
+	let r = window.location.search.substr(1).match(reg)
+	if (r != null) {
+		return unescape(r[2])
+	}
+	return null
+}

文件差異過大導致無法顯示
+ 0 - 0
新模板/85折/spin.min.js


+ 603 - 0
新模板/85折/tpl.html

@@ -0,0 +1,603 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="viewport" content="width=device-width,initial-scale=1.0">
+		<meta http-equiv="pragram" content="no-cache">
+		<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
+		<meta http-equiv="expires" content="0">
+		<title>${active.name!}</title>
+	</head>
+	<body>
+		<div class="wrapper">
+			<!-- 模板 -->
+			<div class="zy-h5-page">
+				<!-- 倒计时 -->
+				<div class="countdown-box" id="dateShow1" data-date="2020-12-20 23:59:59">
+					<span class="countdown-des">距离活动结束还有:</span><span class="date-time d">00</span>天
+					<span class="date-time h">00</span>时
+					<span class="date-time m">00</span>分
+					<span class="date-time s">00</span>秒
+				</div>
+				<div class="zy-h5-main">
+					<img class="zy-h5-bgimg" src="${active.staticMouldTheme.basePath}/img/headBg.jpg">
+					<!-- 标题部分 -->
+					<div class="zy-h5-title">
+						<img class="img-title" src="${active.staticMouldTheme.basePath}/img/title.png">
+						<div class="store-name">
+							<p>[<span id="store-head">XXX汽车服务中心</span>]</p>
+						</div>
+						<div class="active-time">
+							活动时间:2020-11-20 至 2020-12-20
+						</div>
+					</div>
+					<!-- 活动内容 -->
+					<div class="zy-h5-active">
+						<img class="img-hdnr" src="${active.staticMouldTheme.basePath}/img/hdnr.png">
+						<div class="active-content">
+							<p>1.首次进店洗车15元;</p>
+							<p>2.首次进店保养就送一次
+								<#list active.parentItemList as parentItem>
+									<#list parentItem.children as childItem>
+										<#if childItem_index gt 0>+</#if>${childItem.itemName!}
+									</#list>
+								</#list>;
+							</p>
+							<p>3.办套餐卡就送60元保养代金券;</p>
+							<p>4.转介绍3个新客户,享受免费车内清洁一次;介绍5个以上客户,享受免费顶级打蜡一次;</p>
+							<p>5.全场所有项目均8.5折;</p>
+						</div>
+						<div class="active-zy">注:所有活动最终解释权归门店所有</div>
+					</div>
+				</div>
+			</div>
+
+			<!--门店信息-->
+			<div class="zy-h5-store-info">
+				<div class="store-info-cont">
+					<div class="store-info-box">
+						<span>活动时间:</span>
+						<span id="activeTime">
+							2020-11-20 至 2020-12-20
+						</span>
+					</div>
+					<div class="store-info-box">
+						<span>门店名称:</span>
+						<span id="store">XXX汽车服务中心</span>
+					</div>
+					<div class="store-info-box">
+						<span>门店电话:</span>
+						<span>
+							<a id="tel-link" href="javascript:;">
+								<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+								 p-id="1184" width="16" height="16">
+									<path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z"
+									 p-id="1185" fill="#1396dc"></path>
+								</svg>
+								<i id="tel">400XXXXXXX</i>
+							</a>
+						</span>
+					</div>
+					<div class="store-info-box">
+						<span>门店地址:</span>
+						<span>
+							<svg t="1587695882868" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+							 p-id="1906" width="20" height="20">
+								<path d="M514.529 140.428c-156.365 0-283.125 125.12-283.125 279.465s283.125 459.123 283.125 459.123 283.125-304.778 283.125-459.123-126.76-279.465-283.125-279.465z m0 418.533c-74.783 0-135.408-60.624-135.408-135.408s60.625-135.408 135.408-135.408 135.408 60.624 135.408 135.408c0 74.783-60.625 135.408-135.408 135.408z"
+								 p-id="1907" fill="#1296db"></path>
+							</svg>
+							<span id="address">XX市XX区XXX369号</span>
+						</span>
+					</div>
+				</div>
+				<!-- 关注头像 -->
+				<div class="zy-h5-gz">
+					<div>356人已关注</div>
+					<div class="zy-headPhoto-list">
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p1.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p2.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p3.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p4.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p5.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p6.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p7.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p8.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p9.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p10.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p11.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p12.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p13.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p14.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p15.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p16.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p17.jpg">
+						</div>
+					</div>
+				</div>
+				<!-- 参与动态 -->
+				<div class="qg-cont">
+					<div class="header-con">
+						<p>已有<span id="joinerNum">${active.initBuyNum!}</span>名客户报名</p>
+					</div>
+					<div class="kh-list" id="kh-list"></div>
+				</div>
+			</div>
+			<!-- 底部浮动栏 -->
+			<div class="zy-h5-bf-bar">
+				<span class="zy-h5-yuyue" id="yuyue">
+					<span>立即报名</span>
+					<svg t="1587699493953" class="icon" viewBox="0 0 1077 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11152"
+					 width="16" height="16">
+						<path d="M109.918316 941.837474A110.053053 110.053053 0 0 1 0 831.919158V177.960421a110.053053 110.053053 0 0 1 109.918316-109.918316h94.181052v-39.343158C204.099368 12.880842 216.980211 0 232.825263 0c15.845053 0 28.725895 12.880842 28.725895 28.698947v39.343158h418.816v-39.343158c0-15.818105 12.880842-28.698947 28.698947-28.698947 15.845053 0 28.725895 12.880842 28.725895 28.698947v39.343158h94.181053a110.053053 110.053053 0 0 1 109.918315 109.918316v219.621053H57.397895v434.337684c0 28.968421 23.578947 52.547368 52.547368 52.547368h363.196632a28.483368 28.483368 0 0 1 20.48 48.397474 29.965474 29.965474 0 0 1-21.234527 8.973474H109.918316z m88.872421-170.09179a28.752842 28.752842 0 0 1-28.698948-28.698947c0-15.818105 12.880842-28.698947 28.698948-28.698948h170.064842c15.845053 0 28.725895 12.880842 28.725895 28.698948 0 15.845053-12.880842 28.698947-28.725895 28.698947H198.790737z m0-204.099368A28.752842 28.752842 0 0 1 170.091789 538.947368c0-15.818105 12.880842-28.698947 28.698948-28.698947h170.064842c15.845053 0 28.725895 12.880842 28.725895 28.698947s-12.880842 28.698947-28.725895 28.698948H198.790737z"
+						 fill="#ffffff" p-id="11153"></path>
+						<path d="M811.115789 1009.852632a265.054316 265.054316 0 0 1-188.658526-78.147369 264.704 264.704 0 0 1-78.147368-188.631579c0-71.248842 27.755789-138.24 78.147368-188.658526a264.677053 264.677053 0 0 1 188.631579-78.147369c71.221895 0 138.24 27.755789 188.631579 78.147369a264.730947 264.730947 0 0 1 78.174316 188.631579c0 71.248842-27.755789 138.24-78.147369 188.631579a264.730947 264.730947 0 0 1-188.631579 78.174316z m-28.725894-238.106948v0.026948h130.775579c15.818105 0 28.698947-12.880842 28.698947-28.698948s-12.880842-28.698947-28.698947-28.698947h-73.377685v-73.350737c0-15.845053-12.880842-28.725895-28.698947-28.725895s-28.698947 12.880842-28.698947 28.725895v130.721684z"
+						 fill="#ffffff" p-id="11154"></path>
+					</svg>
+				</span>
+				<span class="zy-h5-share" id="share">
+					<span>分享</span>
+					<svg t="1587699701945" class="icon" viewBox="0 0 1077 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13208"
+					 width="16" height="16">
+						<path d="M898.35616718 663.3474759c-68.92998667 0-125.25689641 36.86952718-151.45802974 94.13614051L413.74574872 615.80955487a196.23211897 196.23211897 0 0 0 30.12577641-106.79449436c0-16.47244308-1.93468308-33.00016205-5.85932513-48.53290154l212.70456103-165.00080923c28.19109333 21.33678769 64.12091795 33.99514154 103.92010769 33.99514154 96.18137641 0 168.04102564-71.85964923 168.04102564-166.93549231 0-95.13112-71.85964923-166.93549231-168.04102564-166.93549333s-167.04604615 71.80437231-167.04604513 166.93549333c0 24.26645026 4.86434564 46.59821846 12.65835282 66.00032308l-196.23211795 150.40777333c-38.80421026-58.2063159-102.92512821-98.94520923-175.77975795-98.94520923a215.02618051 215.02618051 0 0 0-215.57894666 214.47341436V495.4170041a215.02618051 215.02618051 0 0 0 215.57894666 215.46839385c44.71881231 0 86.45268513-11.60809744 120.50310462-32.94488513l382.62499282 163.06612718c4.86434564 90.21149846 74.78931179 157.20680205 166.99076923 157.20680103 96.18137641 0 167.04604615-71.85964923 167.04604615-166.93549231 0-95.13112-71.85964923-167.93047282-166.99076923-167.93047282z"
+						 fill="#ffffff" p-id="13209"></path>
+					</svg>
+				</span>
+			</div>
+			<div class="zy-h5-fx-bar"></div>
+			<!-- 预约弹框 -->
+			<div class="zy-h5-fix-z" id="zy-h5-fix-z"></div>
+			<div class="zy-h5-modal" id="zy-h5-modal">
+				<div class="zy-h5-modal-title">在线预约</div>
+				<div class="zy-h5-modal-content">
+					<p class="zy-h5-modal-form">
+						<input type="tel" id="userPhone" maxlength="11" placeholder="输入手机号预约" />
+					</p>
+					<p>
+						<button class="zy-h5-modal-submit" id="submitModal">预约</button>
+						<button class="zy-h5-modal-cansel" id="canselModal">取消</button>
+					</p>
+				</div>
+			</div>
+			<div id="foo"></div>
+		</div>
+	</body>
+	<style>
+		body {
+			padding: 0;
+			margin: 0;
+		}
+
+		@media screen and (max-width: 360px) and (min-width: 321) {
+			body {
+				font-size: 14px
+			}
+		}
+
+		@media screen and (max-width: 320px) {
+			body {
+				font-size: 12px
+			}
+		}
+
+		.wrapper {
+			position: relative;
+		}
+
+		/*模板样式*/
+		.countdown-box {
+			color: #fff;
+			text-align: center;
+			padding: 10px 0;
+			background: crimson;
+		}
+
+		.countdown-des {
+			font-size: 13px;
+		}
+
+		.zy-h5-main {
+			position: relative;
+			padding-bottom: 9em;
+			background: #c01b39;
+		}
+
+		.zy-h5-bgimg {
+			width: 100%;
+		}
+
+		.zy-h5-title {
+			position: absolute;
+			left: 0;
+			top: 8%;
+			text-align: center;
+			width: 100%;
+			color: #fff;
+		}
+
+		.img-title {
+			width: 58%;
+		}
+
+		.store-name {
+			font-size: 1em;
+			display: flex;
+			align-items: center;
+			text-align: center;
+			justify-content: center;
+			margin-bottom: 0.4em;
+			margin-top: -0.3em;
+			font-weight: bold;
+		}
+
+		.store-name span {
+			font-size: 1.2em;
+			margin: 0 0.2em;
+		}
+
+		.active-time {
+			width: 70%;
+			margin: 0 auto;
+			background: #ff7f00;
+			color: #ffff;
+			padding: 0.3em;
+			border-radius: 0.3em;
+			font-size: 0.8em;
+		}
+
+		.zy-h5-active {
+			width: 100%;
+			position: absolute;
+			left: 0;
+			bottom: 1em;
+			color: #fff;
+			padding-top: 1.5em;
+		}
+
+		.img-hdnr {
+			width: 35%;
+			position: absolute;
+			left: 0;
+			top: 0;
+		}
+
+		.active-content {
+			padding: 1em 2em 0.5em;
+			border: 0.3em solid #f39501;
+			width: 70%;
+			margin: 0 auto;
+			border-radius: 1em;
+			font-size: 0.9em;
+		}
+
+		.active-content p {
+			margin: 0.8em 0;
+		}
+
+		.active-zy {
+			text-align: center;
+			padding: 1em 0;
+			font-size: 0.8em;
+		}
+
+		/*门店信息样式*/
+		.zy-h5-store-info {
+			/* display: none; */
+		}
+
+		.zy-h5-store-info>.store-info-cont {
+			padding: 1em;
+			font-size: 15px;
+		}
+
+		.zy-h5-store-info>.store-info-cont>.store-info-box {
+			padding: 0.5em 0;
+			border-bottom: 0.1em solid #eee;
+			display: flex;
+			align-items: center;
+		}
+
+		.zy-h5-store-info>.store-info-cont>.store-info-box span:first-child {
+			font-weight: bold;
+			width: 80px;
+		}
+
+		.zy-h5-store-info>.store-info-cont>.store-info-box span:last-child {
+			line-height: 1.5em;
+			display: flex;
+			align-items: center;
+		}
+
+		.zy-h5-store-info>.store-info-cont>.store-info-box span:last-child a {
+			color: #000;
+			text-decoration: none;
+		}
+
+		.zy-h5-gz {
+			padding: 0.5em;
+			border-top: 0.6em solid #ededed;
+		}
+
+		.zy-h5-gz>div:first-child {
+			font-size: 0.8em;
+		}
+
+		.zy-headPhoto-list {
+			padding: 0.5em 0.2em;
+			overflow: hidden;
+		}
+
+		.zy-headPhoto-list>div {
+			width: 3em;
+			height: 3em;
+			overflow: hidden;
+			border-radius: 10em;
+			margin: 0.2em;
+			float: left;
+		}
+
+		.zy-headPhoto-list>div img {
+			width: 100%;
+			height: 100%;
+		}
+
+		.zy-h5-store-info>.qg-cont {
+			padding: 0.5em;
+			border-top: 0.6em solid #ededed;
+		}
+
+		.zy-h5-store-info .header-con {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			background: #f8f8f8;
+		}
+
+		.zy-h5-store-info .header-con>p {
+			font-size: 1.2em;
+			margin: 0;
+			padding: 10px 0 8px;
+		}
+
+		.zy-h5-store-info .header-con>p:first-child {
+			font-weight: bold;
+			position: relative;
+			padding-left: 10px;
+		}
+
+		.zy-h5-store-info .header-con>p:first-child span {
+			color: red;
+		}
+
+		.kh-list {
+			padding: 0 0.5em;
+		}
+
+		.kh-list-tr {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			border-bottom: 0.1em solid #eee;
+		}
+
+		.kh-list-td {
+			width: 50%;
+			padding: 0.8em 0.5em;
+			text-align: center;
+		}
+
+		.kh-list-tr-head {
+			font-weight: bold;
+		}
+
+		.zy-h5-store-info #tel {
+			font-style: initial;
+		}
+
+		/*底部栏样式*/
+		.zy-h5-fx-bar {
+			height: 7em;
+		}
+
+		.zy-h5-bf-bar {
+			width: 100%;
+			padding: 0.5em;
+			background: #fff;
+			display: flex;
+			align-items: center;
+			position: fixed;
+			left: 0;
+			bottom: 0;
+			border-top: 1px solid #eee;
+			z-index: 1000;
+			box-sizing: border-box;
+		}
+
+		.zy-h5-bf-bar>span {
+			flex-grow: 1;
+			padding: 0.8em 0.6em;
+			font-size: 1em;
+			line-height: 1em;
+			width: 12em;
+			margin: 0 1.2em;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			min-width: 76px;
+		}
+
+		.zy-h5-bf-bar>span span {
+			margin-right: 0.5em;
+		}
+
+		.zy-h5-yuyue {
+			color: #fff;
+			background: #32CD32;
+			border-radius: 100px;
+			text-align: center;
+		}
+
+		.zy-h5-share {
+			color: #fff;
+			background: #ff5500;
+			border-radius: 100px;
+			text-align: center;
+		}
+
+		/*预约弹框样式*/
+		.zy-h5-fix-z {
+			width: 100%;
+			height: 100%;
+			position: fixed;
+			top: 0;
+			left: 0;
+			background: rgba(0, 0, 0, 0.5);
+			display: none;
+			z-index: 5000;
+		}
+
+		.zy-h5-modal {
+			background: #fff;
+			border-radius: 5px;
+			overflow: hidden;
+			position: fixed;
+			z-index: 10000;
+			width: 80%;
+			top: 30%;
+			left: 50%;
+			margin-left: -40.3%;
+			border: 1px solid #eee;
+			display: none;
+		}
+
+		.zy-h5-modal-title {
+			padding: 10px;
+			text-align: center;
+			border-bottom: 1px solid #EEEEEE;
+		}
+
+		.zy-h5-modal-content {
+			padding: 15px;
+			text-align: center;
+		}
+
+		.zy-h5-modal-form {
+			margin: 10px 0 30px;
+		}
+
+		.zy-h5-modal-form input {
+			padding: 10px;
+			border: 1px solid #eee;
+			width: 90%;
+			box-sizing: border-box;
+			font-size: 13px;
+			line-height: 1.5em;
+		}
+
+		.zy-h5-modal-content p button {
+			border-radius: 10px;
+			padding: 7px 25px;
+			margin: 0 18px;
+			font-size: 1em;
+		}
+
+		.zy-h5-modal-submit {
+			background: #378BEA;
+			color: #fff;
+			border: 1px solid #378BEA;
+		}
+
+		.zy-h5-modal-cansel {
+			background: #ffffff;
+			color: #666;
+			border: 1px solid #eee;
+		}
+
+		/* 加载中 */
+		#foo {
+			width: 50px;
+			height: 50px;
+			position: fixed;
+			left: 50%;
+			top: 50%;
+			margin: -25px 0 0 -25px;
+			z-index: 5001;
+		}
+
+		.spinner {
+			left: 25px !important;
+			top: 25px !important;
+		}
+	</style>
+	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+	<script src="${active.staticMouldTheme.basePath}/alert.js"></script>
+	<script src="${active.staticMouldTheme.basePath}/leftTime.min.js"></script>
+	<script>
+		//判断访问终端
+		var browser = {
+			versions: function() {
+				var u = navigator.userAgent,
+					app = navigator.appVersion;
+				return {
+					trident: u.indexOf('Trident') > -1, //IE内核
+					presto: u.indexOf('Presto') > -1, //opera内核
+					webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
+					gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
+					mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
+					ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
+					android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
+					iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
+					iPad: u.indexOf('iPad') > -1, //是否iPad
+					webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部
+					weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增)
+					qq: u.match(/\sQQ/i) == " qq" //是否QQ
+				};
+			}(),
+			language: (navigator.browserLanguage || navigator.language).toLowerCase()
+		}
+		// 不是微信端打开的页面
+		if (!browser.versions.weixin) {
+			document.querySelector('.zy-h5-bf-bar').style.display = 'none'
+			document.querySelector('.zy-h5-fx-bar').style.display = 'none'
+		}
+		var activeId = "${active.id!}"
+		var baseUrl = "${active.staticMouldTheme.basePath}"
+		var baseType = "${basePathType}"
+		var staticHtmlPath = "${active.staticHtmlPath!}"
+	</script>
+	<script src="${active.staticMouldTheme.basePath}/script.js"></script>
+	<script src="${active.staticMouldTheme.basePath}/spin.min.js"></script>
+</html>

+ 46 - 0
新模板/8折/alert.js

@@ -0,0 +1,46 @@
+window.alert = function(msg, callback) {
+    var div = document.createElement("div");
+    div.innerHTML = "<style type=\"text/css\">"
+            + ".nbaMask { position: fixed; z-index: 10001; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }                                                                                                                                                                       "
+            + ".nbaMaskTransparent { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; }                                                                                                                                                                                            "
+            + ".nbaDialog { position: fixed; z-index: 10001; width: 80%; max-width: 300px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; text-align: center; border-radius: 8px; overflow: hidden; opacity: 1; color: white; }"
+            + ".nbaDialog .nbaDialogHd { padding: 1.2rem .27rem .08rem .27rem; }                                                                                                                                                                                                                         "
+            + ".nbaDialog .nbaDialogHd .nbaDialogTitle { font-size: 17px; font-weight: 400; }                                                                                                                                                                                                           "
+            + ".nbaDialog .nbaDialogBd { padding: 0 .27rem; font-size: 15px; line-height: 1.3; word-wrap: break-word; word-break: break-all; color: #000000; }                                                                                                                                          "
+            + ".nbaDialog .nbaDialogFt { position: relative; line-height: 48px; font-size: 17px; display: -webkit-box; display: -webkit-flex; display: flex; }                                                                                                                                          "
+            + ".nbaDialog .nbaDialogFt:after { content: \" \"; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-top: 1px solid #e6e6e6; color: #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }               "
+            + ".nbaDialog .nbaDialogBtn { display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #09BB07; text-decoration: none; -webkit-tap-highlight-color: transparent; position: relative; margin-bottom: 0; }                                                                       "
+            + ".nbaDialog .nbaDialogBtn:after { content: \" \"; position: absolute; left: 0; top: 0; width: 1px; bottom: 0; border-left: 1px solid #e6e6e6; color: #e6e6e6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5); }             "
+            + ".nbaDialog a { text-decoration: none; -webkit-tap-highlight-color: transparent; }"
+            + "</style>"
+            + "<div id=\"dialogs2\" style=\"display: none\">"
+            + "<div class=\"nbaMask\"></div>"
+            + "<div class=\"nbaDialog\">"
+            + "    <div class=\"nbaDialogHd\">"
+            + "        <strong class=\"nbaDialogTitle\"></strong>"
+            + "    </div>"
+            + "    <div class=\"nbaDialogBd\" id=\"dialog_msg2\">弹窗内容,告知当前状态、信息和解决方法,描述文字尽量控制在三行内</div>"
+            + "    <div class=\"nbaDialogHd\">"
+            + "        <strong class=\"nbaDialogTitle\"></strong>"
+            + "    </div>"
+            + "    <div class=\"nbaDialogFt\">"
+            + "        <a href=\"javascript:;\" class=\"nbaDialogBtn nbaDialogBtnPrimary\" id=\"dialog_ok2\">确定</a>"
+            + "    </div></div></div>";
+    document.body.appendChild(div);
+ 
+    var dialogs2 = document.getElementById("dialogs2");
+    dialogs2.style.display = 'block';
+ 
+    var dialog_msg2 = document.getElementById("dialog_msg2");
+    dialog_msg2.innerHTML = msg;
+ 
+    // var dialog_cancel = document.getElementById("dialog_cancel");
+    // dialog_cancel.onclick = function() {
+    // dialogs2.style.display = 'none';
+    // };
+    var dialog_ok2 = document.getElementById("dialog_ok2");
+    dialog_ok2.onclick = function() {
+        dialogs2.style.display = 'none';
+        // callback();
+    };
+};

二進制
新模板/8折/example.jpg


二進制
新模板/8折/img/hdnr.png


二進制
新模板/8折/img/headBg.jpg


二進制
新模板/8折/img/p1.jpg


二進制
新模板/8折/img/p10.jpg


二進制
新模板/8折/img/p11.jpg


二進制
新模板/8折/img/p12.jpg


二進制
新模板/8折/img/p13.jpg


二進制
新模板/8折/img/p14.jpg


二進制
新模板/8折/img/p15.jpg


二進制
新模板/8折/img/p16.jpg


二進制
新模板/8折/img/p17.jpg


二進制
新模板/8折/img/p2.jpg


二進制
新模板/8折/img/p3.jpg


二進制
新模板/8折/img/p4.jpg


二進制
新模板/8折/img/p5.jpg


二進制
新模板/8折/img/p6.jpg


二進制
新模板/8折/img/p7.jpg


二進制
新模板/8折/img/p8.jpg


二進制
新模板/8折/img/p9.jpg


二進制
新模板/8折/img/title.png


文件差異過大導致無法顯示
+ 184 - 0
新模板/8折/index.html


+ 6 - 0
新模板/8折/leftTime.min.js

@@ -0,0 +1,6 @@
+//  倒计时
+(function(y,g){Date.prototype.format=function(a){var d={"M+":this.getMonth()+1,"d+":this.getDate(),"h+":this.getHours(),"m+":this.getMinutes(),"s+":this.getSeconds(),"q+":Math.floor((this.getMonth()+3)/3),S:this.getMilliseconds()};/(y+)/.test(a)&&(a=a.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length)));for(var c in d)(new RegExp("("+c+")")).test(a)&&(a=a.replace(RegExp.$1,1==RegExp.$1.length?d[c]:("00"+d[c]).substr((""+d[c]).length)));return a};g.leftTime=function(a,d,c){function w(a){return-1!=
+a.indexOf("-")||-1!=a.indexOf("/")?!0:!1}function g(a){return/^(20|21|22|23|[0-1]\d):[0-5]\d$/.test(y.trim(a))?!0:!1}function r(a){10>a&&c&&(a="0"+a);return a}function z(){if("string"===typeof a||"number"===typeof a){var b=(new Date).getTime(),c;"string"===typeof a||12<=a.toString().length?(a="string"===typeof a&&1==w(a)?a.replace(/-/g,"/"):a,c=(new Date(a)).getTime(),b=c-b):(c=a-A.count,b=1E3*c,A.count++);0<b?(h=Math.floor(b/1E3/60/60/24),k=Math.floor(b/1E3/60/60%24),l=Math.floor(b/1E3/60%60),m=
+Math.floor(b/1E3%60),n=!0):(window.clearInterval(e),m=l=k=h=0,n=!1)}else"object"===typeof a&&(b=(new Date).getTime()+(0<t?-1*t:Math.abs(t)),c=0,u<f?(c=f,v=1):u>=f&&u<p?(c=p,v=2):u>=p&&(v=3),b=c-b,0<b?(h=Math.floor(b/1E3/60/60/24),k=Math.floor(b/1E3/60/60%24),l=Math.floor(b/1E3/60%60),m=Math.floor(b/1E3%60),n=!0):(window.clearInterval(e),m=l=k=h=0,n=!1));b={d:r(h),h:r(k),m:r(l),s:r(m)};b.status=n;b.step=v;if(d&&"function"===typeof d)return d(b)}var e=this.timer;c||0==c||(c=!0);var A={count:0},h=0,
+k=0,l=0,m=0,v=0,n=!1;if("object"===typeof a){a.init||1==a.init||(a.init=!1);var t=0,x,q=0;if(0!=a.setday||"0"!=a.setday)q=864E5*parseInt(a.setday);a.nowdate&&null!=a.nowdate&&void 0!=a.nowdate&&"undefined"!=a.nowdate?(t=(new Date).getTime()-parseInt(a.nowdate),x=new Date(a.nowdate)):(a.nowdate=(new Date).getTime(),x=new Date);var q=new Date(parseInt(a.nowdate)+q),f=0,p=0;0==a.startdate||"0"==a.startdate||a.init||("string"===typeof a.startdate?w(a.startdate)?f=(new Date(a.startdate.replace(/-/g,"/"))).getTime():
+g(a.startdate)&&(f=(new Date(q.format("yyyy/MM/dd")+" "+a.startdate)).getTime()):"number"===typeof a.startdate&&(f=a.startdate));if(0!=a.enddate||"0"!=a.enddate)"string"===typeof a.enddate?w(a.enddate)?p=(new Date(a.enddate.replace(/-/g,"/"))).getTime():g(a.enddate)&&(p=(new Date(q.format("yyyy/MM/dd")+" "+a.enddate)).getTime()):"number"===typeof a.enddate&&(f=a.enddate);var u=x.getTime()}z();e=setInterval(z,1E3);if("undefined"!=e||null!=e||void 0!=e)return e};y.extend(g)})(jQuery||zepto,{});

+ 277 - 0
新模板/8折/script.js

@@ -0,0 +1,277 @@
+var getNode = function(id){
+	return document.getElementById(id)
+}
+var yuyue = getNode("yuyue")  //  预约按钮
+var share = getNode("share")  //  分享按钮
+var modal = getNode("zy-h5-modal")  //  预约弹框
+var modalZz = getNode("zy-h5-fix-z")  //  弹框遮罩层
+var submitModal = getNode("submitModal")  //  提交预约
+var canselModal = getNode("canselModal")  //  取消预约
+var userPhone = getNode("userPhone")  //  预约手机号
+var joinerNum = getNode("joinerNum")  //  参与人数
+var storeHead = getNode("store-head")  //  头部门店名称
+var store = getNode("store")  //  门店
+var address = getNode("address")  //  地址
+var tel = getNode("tel")  //  电话
+
+var storeId = getQueryString('orgId') || 0  //  门店id
+var companyId = ''
+// test,  测试     local、dev:本地开发环境     pre :预发布      pro:生产
+if(baseType == 'test'){
+	var reqUrl = 'http://192.168.16.100:9110/saas/clz/'
+}else if(baseType == 'local'){
+	var reqUrl = 'http://192.168.16.104:9110/saas/clz/'
+}else if(baseType == 'dev'){
+	var reqUrl = 'http://192.168.16.104:9110/saas/clz/'
+}else if(baseType == 'pre'){
+	var reqUrl = 'http://md.test.zyucgj.com/saas/clz/'
+}else if(baseType == 'pro'){
+	var reqUrl = 'http://md.chelingzhu.com/saas/clz/'
+}
+// 隐藏预约弹框
+var closeYy = function (){
+	userPhone.value = ''
+	modal.style.display = 'none'
+	modalZz.style.display = 'none'
+}
+window.onload = function(){
+	if(staticHtmlPath){  //  发布
+		onLoading()  //  加载中
+		checkActiveValid()
+	}else{  //  预览
+		getActivityData()  //  获取活动信息
+	}
+	//  倒计时
+	function_name($('#dateShow1').data("date"), '#dateShow1')
+	
+	function function_name(time,obj) {
+		$.leftTime(time,function(d){
+			if(d.status){
+				var $dateShow1=$(obj);
+				$dateShow1.find(".d").html(d.d);
+				$dateShow1.find(".h").html(d.h);
+				$dateShow1.find(".m").html(d.m);
+				$dateShow1.find(".s").html(d.s);
+				//  倒计时结束
+				if(parseInt(d.d)==0 && parseInt(d.h)==0 && parseInt(d.m)==0 && parseInt(d.s)==0){
+					document.getElementById('zy-h5-bf-bar').innerHTML = '活动已结束'
+					document.getElementById('zy-h5-bf-bar').style.display = 'block'
+					document.getElementById('zy-h5-bf-bar').style.fontSize = '13px'
+					document.getElementById('zy-h5-bf-bar').style.color = '#666'
+					document.getElementById('zy-h5-bf-bar').style.padding = '11px 0'
+					document.getElementById('zy-h5-bf-bar').style.textAlign = 'center'
+				}
+			}
+		});
+	}
+	//  校验活动是否还在进行
+	function checkActiveValid(){
+		$.ajax({
+			url: reqUrl + 'zycar-mgr/active/checkActiveValid/' + activeId,
+			type: 'get',
+			header: { contentType: 'application/json;charset=UTF-8' },
+			// 设置的是请求参数
+			data: {},
+			dataType: 'json',
+			success: function (res) {
+				if(res.status == 200){
+					if(res.data){
+						getActivityData()  //  获取活动信息
+					}else{
+						closeLoading()  //  关闭加载状态
+						alert('该活动已经结束!')
+					}
+				}
+			}
+		})
+	}
+	//  获取活动信息
+	function getActivityData(){
+		//  获取活动信息 (海报和门店二维码)
+		$.ajax({
+			url: reqUrl + 'active/findActiveAttach/' + activeId,
+			type: 'get',
+			header: { contentType: 'application/json;charset=UTF-8' },
+			// 设置的是请求参数
+			data: {},
+			dataType: 'json',
+			success: function (res) {
+				if(res.status == 200){
+					const data = res.data
+					if(staticHtmlPath){  //  发布
+						const joinerNumVal = parseInt(data.initBuyNum) + parseInt(data.joinerNum)
+						joinerNum.innerHTML = joinerNumVal
+						$('.zy-h5-store-info').show()
+					}
+					//  根据门店id处理对应页面展示
+					if(storeId){  //  门店端发布活动会传有门店id参数
+						//  获取门店信息
+						$.ajax({
+							url: reqUrl + 'cross/store/' + storeId,
+							type: 'get',
+							header: { contentType: 'application/json;charset=UTF-8' },
+							// 设置的是请求参数
+							data: {},
+							dataType: 'json',
+							success: function (result) {
+								if(result.status == 200){
+									const data = result.data
+									storeHead.innerHTML = data.name || ''
+									store.innerHTML = data.name || ''
+									let addrCityName = data.addrCityName || ''
+									let addrDistrictName = data.addrDistrictName || ''
+									let addrDetail = data.addrDetail || ''
+									address.innerHTML = addrCityName + addrDistrictName + addrDetail
+									tel.innerHTML = data.managerMobile
+									document.getElementById("tel-link").href = 'tel:' + data.managerMobile
+									companyId = data.companyId
+									joinerList(companyId)  //  参与人列表数据
+								}
+							},
+						})
+					}else{  //  运营端发布活动无门店id参数
+						joinerList()  //  参与人列表数据
+					}
+					closeLoading()  //  关闭加载状态
+				}
+			},
+		})
+	}
+	//  关闭加载状态
+	function closeLoading(){
+		if(staticHtmlPath){  //  发布
+			// 关闭加载状态
+			document.getElementById('foo').style.display = 'none'
+			modalZz.style.display = 'none'
+			// 不是微信端打开的页面
+			if(!browser.versions.weixin){
+				document.querySelector('.zy-h5-bf-bar').style.display = 'none'
+				document.querySelector('.zy-h5-fx-bar').style.display = 'none'
+			}else{
+				document.querySelector('.zy-h5-bf-bar').style.display = 'flex'
+				document.querySelector('.zy-h5-fx-bar').style.display = 'block'
+			}
+		}
+	}
+	// 加载中
+	function onLoading(){
+		// 隐藏参与和分享按钮
+		document.querySelector('.zy-h5-bf-bar').style.display = 'none'
+		document.querySelector('.zy-h5-fx-bar').style.display = 'none'
+		modalZz.style.display = 'block'  //  遮罩层
+		var opts = {
+			lines: 9, // The number of lines to draw
+			length: 0, // The length of each line
+			width: 10, // The line thickness
+			radius: 15, // The radius of the inner circle
+			corners: 1, // Corner roundness (0..1)
+			rotate: 0, // The rotation offset
+			color: '#2979ff', // #rgb or #rrggbb
+			speed: 1, // Rounds per second
+			trail: 60, // Afterglow percentage
+			shadow: false, // Whether to render a shadow
+			hwaccel: false, // Whether to use hardware acceleration
+			className: 'spinner', // The CSS class to assign to the spinner
+			zIndex: 2e9, // The z-index (defaults to 2000000000)
+			top: 'auto', // Top position relative to parent in px
+			left: 'auto' // Left position relative to parent in px
+		};
+		var target = document.getElementById('foo');
+		var spinner = new Spinner(opts).spin(target);
+	}
+	// 打开预约弹框
+	yuyue.onclick = function(){
+		modal.style.display = 'block'
+		modalZz.style.display = 'block'
+	}
+	// 关闭预约弹框
+	canselModal.onclick = function(){
+		closeYy()
+	}
+	// 提交预约
+	submitModal.onclick = function(){
+		// 提交代码到后台
+		var mobile = userPhone.value
+		if(mobile==''){
+			alert("请输入手机号码");
+			return false; 
+		}
+		if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(mobile))){ 
+			alert("手机号码错误,请重填");  
+			return false; 
+		}
+		const obj = JSON.stringify({
+			"joinerMobile": mobile,  //  参与手机号
+			"activeId": activeId,  //  活动id
+			"tenantId": storeId,  //  门店id
+			"companyId": companyId  //  公司id
+		})
+		//  立即参与
+		$.ajax({
+			url: reqUrl + 'active/signUp',
+			type: 'post',
+			contentType: 'application/json;charset=UTF-8',
+			// 设置的是请求参数
+			data: obj,
+			dataType: 'json',
+			success: function (res) {
+				if(res.status == 200){
+					closeYy()
+				}
+				alert(res.message)
+			}
+		})
+	}
+	// 分享
+	share.onclick = function(){
+		if(storeId){
+			window.location.href = 'http://static.chelingzhu.com/active/poster.html?id=' + activeId + '&reqUrl=' + reqUrl + '&orgId=' + storeId
+		}else{
+			window.location.href = 'http://static.chelingzhu.com/active/poster.html?id=' + activeId + '&reqUrl=' + reqUrl
+		}
+		
+	}
+	//  门店活动统计(参与者轮播)
+	function joinerList(companyId){
+		let obj = JSON.stringify({
+			activeId: activeId,  //  活动id
+			tenantId: storeId,  //  门店id
+			companyId: companyId,  //  公司id
+			status: 9  //  9是假数据的标识
+		})
+		//  获取门店信息
+		$.ajax({
+			url: reqUrl + 'cross/active/joinerByActive/1/1000',
+			type: 'post',
+			contentType: 'application/json;charset=UTF-8',
+			// 设置的是请求参数
+			data: obj,
+			dataType: 'json',
+			success: function (res) {
+				if(res.status == 200){
+					const data = res.data.list
+					let html = `<div class="kh-list-tr kh-list-tr-head">
+							<div class="kh-list-td">手机号</div>
+							<div class="kh-list-td">报名状态</div>
+						</div>`
+					for(let i = 0; i < data.length; i++){
+						html += `<div class="kh-list-tr kh-list-tr-head">
+							<div class="kh-list-td">${data[i].joinerMobile}</div>
+							<div class="kh-list-td">已报名</div>
+						</div>`
+					}
+					document.getElementById("kh-list").innerHTML = html
+				}
+			},
+		})
+	}
+}
+// 正则获取地址栏参数
+function getQueryString(name) {
+	let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i")
+	let r = window.location.search.substr(1).match(reg)
+	if (r != null) {
+		return unescape(r[2])
+	}
+	return null
+}

文件差異過大導致無法顯示
+ 0 - 0
新模板/8折/spin.min.js


+ 602 - 0
新模板/8折/tpl.html

@@ -0,0 +1,602 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta name="viewport" content="width=device-width,initial-scale=1.0">
+		<meta http-equiv="pragram" content="no-cache">
+		<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
+		<meta http-equiv="expires" content="0">
+		<title>${active.name!}</title>
+	</head>
+	<body>
+		<div class="wrapper">
+			<!-- 模板 -->
+			<div class="zy-h5-page">
+				<!-- 倒计时 -->
+				<div class="countdown-box" id="dateShow1" data-date="2020-12-20 23:59:59">
+					<span class="countdown-des">距离活动结束还有:</span><span class="date-time d">00</span>天
+					<span class="date-time h">00</span>时
+					<span class="date-time m">00</span>分
+					<span class="date-time s">00</span>秒
+				</div>
+				<div class="zy-h5-main">
+					<img class="zy-h5-bgimg" src="${active.staticMouldTheme.basePath}/img/headBg.jpg">
+					<!-- 标题部分 -->
+					<div class="zy-h5-title">
+						<img class="img-title" src="${active.staticMouldTheme.basePath}/img/title.png">
+						<div class="store-name">
+							<p>[<span id="store-head">XXX汽车服务中心</span>]</p>
+						</div>
+						<div class="active-time">
+							活动时间:2020-11-20 至 2020-12-20
+						</div>
+					</div>
+					<!-- 活动内容 -->
+					<div class="zy-h5-active">
+						<img class="img-hdnr" src="${active.staticMouldTheme.basePath}/img/hdnr.png">
+						<div class="active-content">
+							<p>1.首次进店洗车15元;</p>
+							<p>2.首次进店保养就送一次
+								<#list active.parentItemList as parentItem>
+									<#list parentItem.children as childItem>
+										<#if childItem_index gt 0>+</#if>${childItem.itemName!}
+									</#list>
+								</#list>;
+							</p>
+							<p>3.办套餐卡就送60元保养代金券;</p>
+							<p>4.全场所有项目均8折;</p>
+						</div>
+						<div class="active-zy">注:所有活动最终解释权归门店所有</div>
+					</div>
+				</div>
+			</div>
+
+			<!--门店信息-->
+			<div class="zy-h5-store-info">
+				<div class="store-info-cont">
+					<div class="store-info-box">
+						<span>活动时间:</span>
+						<span id="activeTime">
+							2020-11-20 至 2020-12-20
+						</span>
+					</div>
+					<div class="store-info-box">
+						<span>门店名称:</span>
+						<span id="store">XXX汽车服务中心</span>
+					</div>
+					<div class="store-info-box">
+						<span>门店电话:</span>
+						<span>
+							<a id="tel-link" href="javascript:;">
+								<svg t="1589357171261" class="icon" style="vertical-align: sub;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+								 p-id="1184" width="16" height="16">
+									<path d="M1020.765599 154.386263C1020.765599 89.326865 987.28345 57.088501 913.487954 37.054507 839.692583 17.020526 777.566181 3.165394 777.566181 3.165394 720.824641-10.981854 663.169494 23.635711 649.003341 80.452889L610.800805 233.675027C596.617668 290.560389 631.183258 348.098737 688.030695 362.272396 688.030695 362.272396 702.326846 366.678777 743.500477 375.919969 674.660513 559.358011 527.497727 691.361427 377.214242 745.028871 373.701051 730.938506 366.674793 702.757788 366.674793 702.757788 352.511387 645.951274 294.943405 611.289315 238.125689 625.455569L80.380247 664.785939C23.668179 678.925831-10.99544 736.57873 3.169215 793.389915L35.742252 923.532923C45.473616 980.250012 94.753824 1022.287923 152.863901 1022.287923 632.192772 1022.287923 1020.765599 633.715134 1020.765599 154.386263ZM121.897793 908.750484 87.987187 772.24241C85.504739 762.285654 91.648609 752.067042 101.527703 749.603912L259.273145 710.273542C269.212555 707.795389 279.364257 713.907789 281.856821 723.90528L302.608163 807.134381C309.284388 833.911333 336.103424 849.229037 358.537622 842.533069L358.537622 842.533069C590.664487 773.249875 773.382895 589.859611 841.784663 357.448461L841.784663 357.448461C848.891716 333.300864 827.631247 306.988082 794.011982 298.605863L709.17815 277.454424C699.177799 274.961048 693.114226 264.867589 695.618778 254.82252L733.821313 101.600394C736.30501 91.639055 746.508662 85.512531 756.418601 87.983366L902.466976 119.420589C919.560643 123.34343 933.351039 137.26732 933.351039 154.386263 933.351039 585.437409 583.914959 934.873401 152.863901 934.873401 137.544 934.873401 124.465783 923.717081 121.897793 908.750484Z"
+									 p-id="1185" fill="#1396dc"></path>
+								</svg>
+								<i id="tel">400XXXXXXX</i>
+							</a>
+						</span>
+					</div>
+					<div class="store-info-box">
+						<span>门店地址:</span>
+						<span>
+							<svg t="1587695882868" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+							 p-id="1906" width="20" height="20">
+								<path d="M514.529 140.428c-156.365 0-283.125 125.12-283.125 279.465s283.125 459.123 283.125 459.123 283.125-304.778 283.125-459.123-126.76-279.465-283.125-279.465z m0 418.533c-74.783 0-135.408-60.624-135.408-135.408s60.625-135.408 135.408-135.408 135.408 60.624 135.408 135.408c0 74.783-60.625 135.408-135.408 135.408z"
+								 p-id="1907" fill="#1296db"></path>
+							</svg>
+							<span id="address">XX市XX区XXX369号</span>
+						</span>
+					</div>
+				</div>
+				<!-- 关注头像 -->
+				<div class="zy-h5-gz">
+					<div>356人已关注</div>
+					<div class="zy-headPhoto-list">
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p1.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p2.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p3.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p4.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p5.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p6.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p7.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p8.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p9.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p10.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p11.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p12.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p13.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p14.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p15.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p16.jpg">
+						</div>
+						<div>
+							<img src="${active.staticMouldTheme.basePath}/img/p17.jpg">
+						</div>
+					</div>
+				</div>
+				<!-- 参与动态 -->
+				<div class="qg-cont">
+					<div class="header-con">
+						<p>已有<span id="joinerNum">${active.initBuyNum!}</span>名客户报名</p>
+					</div>
+					<div class="kh-list" id="kh-list"></div>
+				</div>
+			</div>
+			<!-- 底部浮动栏 -->
+			<div class="zy-h5-bf-bar">
+				<span class="zy-h5-yuyue" id="yuyue">
+					<span>立即报名</span>
+					<svg t="1587699493953" class="icon" viewBox="0 0 1077 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11152"
+					 width="16" height="16">
+						<path d="M109.918316 941.837474A110.053053 110.053053 0 0 1 0 831.919158V177.960421a110.053053 110.053053 0 0 1 109.918316-109.918316h94.181052v-39.343158C204.099368 12.880842 216.980211 0 232.825263 0c15.845053 0 28.725895 12.880842 28.725895 28.698947v39.343158h418.816v-39.343158c0-15.818105 12.880842-28.698947 28.698947-28.698947 15.845053 0 28.725895 12.880842 28.725895 28.698947v39.343158h94.181053a110.053053 110.053053 0 0 1 109.918315 109.918316v219.621053H57.397895v434.337684c0 28.968421 23.578947 52.547368 52.547368 52.547368h363.196632a28.483368 28.483368 0 0 1 20.48 48.397474 29.965474 29.965474 0 0 1-21.234527 8.973474H109.918316z m88.872421-170.09179a28.752842 28.752842 0 0 1-28.698948-28.698947c0-15.818105 12.880842-28.698947 28.698948-28.698948h170.064842c15.845053 0 28.725895 12.880842 28.725895 28.698948 0 15.845053-12.880842 28.698947-28.725895 28.698947H198.790737z m0-204.099368A28.752842 28.752842 0 0 1 170.091789 538.947368c0-15.818105 12.880842-28.698947 28.698948-28.698947h170.064842c15.845053 0 28.725895 12.880842 28.725895 28.698947s-12.880842 28.698947-28.725895 28.698948H198.790737z"
+						 fill="#ffffff" p-id="11153"></path>
+						<path d="M811.115789 1009.852632a265.054316 265.054316 0 0 1-188.658526-78.147369 264.704 264.704 0 0 1-78.147368-188.631579c0-71.248842 27.755789-138.24 78.147368-188.658526a264.677053 264.677053 0 0 1 188.631579-78.147369c71.221895 0 138.24 27.755789 188.631579 78.147369a264.730947 264.730947 0 0 1 78.174316 188.631579c0 71.248842-27.755789 138.24-78.147369 188.631579a264.730947 264.730947 0 0 1-188.631579 78.174316z m-28.725894-238.106948v0.026948h130.775579c15.818105 0 28.698947-12.880842 28.698947-28.698948s-12.880842-28.698947-28.698947-28.698947h-73.377685v-73.350737c0-15.845053-12.880842-28.725895-28.698947-28.725895s-28.698947 12.880842-28.698947 28.725895v130.721684z"
+						 fill="#ffffff" p-id="11154"></path>
+					</svg>
+				</span>
+				<span class="zy-h5-share" id="share">
+					<span>分享</span>
+					<svg t="1587699701945" class="icon" viewBox="0 0 1077 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13208"
+					 width="16" height="16">
+						<path d="M898.35616718 663.3474759c-68.92998667 0-125.25689641 36.86952718-151.45802974 94.13614051L413.74574872 615.80955487a196.23211897 196.23211897 0 0 0 30.12577641-106.79449436c0-16.47244308-1.93468308-33.00016205-5.85932513-48.53290154l212.70456103-165.00080923c28.19109333 21.33678769 64.12091795 33.99514154 103.92010769 33.99514154 96.18137641 0 168.04102564-71.85964923 168.04102564-166.93549231 0-95.13112-71.85964923-166.93549231-168.04102564-166.93549333s-167.04604615 71.80437231-167.04604513 166.93549333c0 24.26645026 4.86434564 46.59821846 12.65835282 66.00032308l-196.23211795 150.40777333c-38.80421026-58.2063159-102.92512821-98.94520923-175.77975795-98.94520923a215.02618051 215.02618051 0 0 0-215.57894666 214.47341436V495.4170041a215.02618051 215.02618051 0 0 0 215.57894666 215.46839385c44.71881231 0 86.45268513-11.60809744 120.50310462-32.94488513l382.62499282 163.06612718c4.86434564 90.21149846 74.78931179 157.20680205 166.99076923 157.20680103 96.18137641 0 167.04604615-71.85964923 167.04604615-166.93549231 0-95.13112-71.85964923-167.93047282-166.99076923-167.93047282z"
+						 fill="#ffffff" p-id="13209"></path>
+					</svg>
+				</span>
+			</div>
+			<div class="zy-h5-fx-bar"></div>
+			<!-- 预约弹框 -->
+			<div class="zy-h5-fix-z" id="zy-h5-fix-z"></div>
+			<div class="zy-h5-modal" id="zy-h5-modal">
+				<div class="zy-h5-modal-title">在线预约</div>
+				<div class="zy-h5-modal-content">
+					<p class="zy-h5-modal-form">
+						<input type="tel" id="userPhone" maxlength="11" placeholder="输入手机号预约" />
+					</p>
+					<p>
+						<button class="zy-h5-modal-submit" id="submitModal">预约</button>
+						<button class="zy-h5-modal-cansel" id="canselModal">取消</button>
+					</p>
+				</div>
+			</div>
+			<div id="foo"></div>
+		</div>
+	</body>
+	<style>
+		body {
+			padding: 0;
+			margin: 0;
+		}
+
+		@media screen and (max-width: 360px) and (min-width: 321) {
+			body {
+				font-size: 14px
+			}
+		}
+
+		@media screen and (max-width: 320px) {
+			body {
+				font-size: 12px
+			}
+		}
+
+		.wrapper {
+			position: relative;
+		}
+
+		/*模板样式*/
+		.countdown-box {
+			color: #fff;
+			text-align: center;
+			padding: 10px 0;
+			background: crimson;
+		}
+
+		.countdown-des {
+			font-size: 13px;
+		}
+
+		.zy-h5-main {
+			position: relative;
+			padding-bottom: 4em;
+			background: #c01b39;
+		}
+
+		.zy-h5-bgimg {
+			width: 100%;
+		}
+
+		.zy-h5-title {
+			position: absolute;
+			left: 0;
+			top: 8%;
+			text-align: center;
+			width: 100%;
+			color: #fff;
+		}
+
+		.img-title {
+			width: 58%;
+		}
+
+		.store-name {
+			font-size: 1em;
+			display: flex;
+			align-items: center;
+			text-align: center;
+			justify-content: center;
+			margin-bottom: 0.4em;
+			margin-top: -0.3em;
+			font-weight: bold;
+		}
+
+		.store-name span {
+			font-size: 1.2em;
+			margin: 0 0.2em;
+		}
+
+		.active-time {
+			width: 70%;
+			margin: 0 auto;
+			background: #ff7f00;
+			color: #ffff;
+			padding: 0.3em;
+			border-radius: 0.3em;
+			font-size: 0.8em;
+		}
+
+		.zy-h5-active {
+			width: 100%;
+			position: absolute;
+			left: 0;
+			bottom: 1em;
+			color: #fff;
+			padding-top: 1.5em;
+		}
+
+		.img-hdnr {
+			width: 35%;
+			position: absolute;
+			left: 0;
+			top: 0;
+		}
+
+		.active-content {
+			padding: 1em 2em 0.5em;
+			border: 0.3em solid #f39501;
+			width: 70%;
+			margin: 0 auto;
+			border-radius: 1em;
+			font-size: 0.8em;
+		}
+
+		.active-content p {
+			margin: 0.8em 0;
+		}
+
+		.active-zy {
+			text-align: center;
+			padding: 1em 0;
+			font-size: 0.8em;
+		}
+
+		/*门店信息样式*/
+		.zy-h5-store-info {
+			/* display: none; */
+		}
+
+		.zy-h5-store-info>.store-info-cont {
+			padding: 1em;
+			font-size: 15px;
+		}
+
+		.zy-h5-store-info>.store-info-cont>.store-info-box {
+			padding: 0.5em 0;
+			border-bottom: 0.1em solid #eee;
+			display: flex;
+			align-items: center;
+		}
+
+		.zy-h5-store-info>.store-info-cont>.store-info-box span:first-child {
+			font-weight: bold;
+			width: 80px;
+		}
+
+		.zy-h5-store-info>.store-info-cont>.store-info-box span:last-child {
+			line-height: 1.5em;
+			display: flex;
+			align-items: center;
+		}
+
+		.zy-h5-store-info>.store-info-cont>.store-info-box span:last-child a {
+			color: #000;
+			text-decoration: none;
+		}
+
+		.zy-h5-gz {
+			padding: 0.5em;
+			border-top: 0.6em solid #ededed;
+		}
+
+		.zy-h5-gz>div:first-child {
+			font-size: 0.8em;
+		}
+
+		.zy-headPhoto-list {
+			padding: 0.5em 0.2em;
+			overflow: hidden;
+		}
+
+		.zy-headPhoto-list>div {
+			width: 3em;
+			height: 3em;
+			overflow: hidden;
+			border-radius: 10em;
+			margin: 0.2em;
+			float: left;
+		}
+
+		.zy-headPhoto-list>div img {
+			width: 100%;
+			height: 100%;
+		}
+
+		.zy-h5-store-info>.qg-cont {
+			padding: 0.5em;
+			border-top: 0.6em solid #ededed;
+		}
+
+		.zy-h5-store-info .header-con {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			background: #f8f8f8;
+		}
+
+		.zy-h5-store-info .header-con>p {
+			font-size: 1.2em;
+			margin: 0;
+			padding: 10px 0 8px;
+		}
+
+		.zy-h5-store-info .header-con>p:first-child {
+			font-weight: bold;
+			position: relative;
+			padding-left: 10px;
+		}
+
+		.zy-h5-store-info .header-con>p:first-child span {
+			color: red;
+		}
+
+		.kh-list {
+			padding: 0 0.5em;
+		}
+
+		.kh-list-tr {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			border-bottom: 0.1em solid #eee;
+		}
+
+		.kh-list-td {
+			width: 50%;
+			padding: 0.8em 0.5em;
+			text-align: center;
+		}
+
+		.kh-list-tr-head {
+			font-weight: bold;
+		}
+
+		.zy-h5-store-info #tel {
+			font-style: initial;
+		}
+
+		/*底部栏样式*/
+		.zy-h5-fx-bar {
+			height: 7em;
+		}
+
+		.zy-h5-bf-bar {
+			width: 100%;
+			padding: 0.5em;
+			background: #fff;
+			display: flex;
+			align-items: center;
+			position: fixed;
+			left: 0;
+			bottom: 0;
+			border-top: 1px solid #eee;
+			z-index: 1000;
+			box-sizing: border-box;
+		}
+
+		.zy-h5-bf-bar>span {
+			flex-grow: 1;
+			padding: 0.8em 0.6em;
+			font-size: 1em;
+			line-height: 1em;
+			width: 12em;
+			margin: 0 1.2em;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			min-width: 76px;
+		}
+
+		.zy-h5-bf-bar>span span {
+			margin-right: 0.5em;
+		}
+
+		.zy-h5-yuyue {
+			color: #fff;
+			background: #32CD32;
+			border-radius: 100px;
+			text-align: center;
+		}
+
+		.zy-h5-share {
+			color: #fff;
+			background: #ff5500;
+			border-radius: 100px;
+			text-align: center;
+		}
+
+		/*预约弹框样式*/
+		.zy-h5-fix-z {
+			width: 100%;
+			height: 100%;
+			position: fixed;
+			top: 0;
+			left: 0;
+			background: rgba(0, 0, 0, 0.5);
+			display: none;
+			z-index: 5000;
+		}
+
+		.zy-h5-modal {
+			background: #fff;
+			border-radius: 5px;
+			overflow: hidden;
+			position: fixed;
+			z-index: 10000;
+			width: 80%;
+			top: 30%;
+			left: 50%;
+			margin-left: -40.3%;
+			border: 1px solid #eee;
+			display: none;
+		}
+
+		.zy-h5-modal-title {
+			padding: 10px;
+			text-align: center;
+			border-bottom: 1px solid #EEEEEE;
+		}
+
+		.zy-h5-modal-content {
+			padding: 15px;
+			text-align: center;
+		}
+
+		.zy-h5-modal-form {
+			margin: 10px 0 30px;
+		}
+
+		.zy-h5-modal-form input {
+			padding: 10px;
+			border: 1px solid #eee;
+			width: 90%;
+			box-sizing: border-box;
+			font-size: 13px;
+			line-height: 1.5em;
+		}
+
+		.zy-h5-modal-content p button {
+			border-radius: 10px;
+			padding: 7px 25px;
+			margin: 0 18px;
+			font-size: 1em;
+		}
+
+		.zy-h5-modal-submit {
+			background: #378BEA;
+			color: #fff;
+			border: 1px solid #378BEA;
+		}
+
+		.zy-h5-modal-cansel {
+			background: #ffffff;
+			color: #666;
+			border: 1px solid #eee;
+		}
+
+		/* 加载中 */
+		#foo {
+			width: 50px;
+			height: 50px;
+			position: fixed;
+			left: 50%;
+			top: 50%;
+			margin: -25px 0 0 -25px;
+			z-index: 5001;
+		}
+
+		.spinner {
+			left: 25px !important;
+			top: 25px !important;
+		}
+	</style>
+	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+	<script src="${active.staticMouldTheme.basePath}/alert.js"></script>
+	<script src="${active.staticMouldTheme.basePath}/leftTime.min.js"></script>
+	<script>
+		//判断访问终端
+		var browser = {
+			versions: function() {
+				var u = navigator.userAgent,
+					app = navigator.appVersion;
+				return {
+					trident: u.indexOf('Trident') > -1, //IE内核
+					presto: u.indexOf('Presto') > -1, //opera内核
+					webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
+					gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
+					mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
+					ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
+					android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
+					iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
+					iPad: u.indexOf('iPad') > -1, //是否iPad
+					webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部
+					weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增)
+					qq: u.match(/\sQQ/i) == " qq" //是否QQ
+				};
+			}(),
+			language: (navigator.browserLanguage || navigator.language).toLowerCase()
+		}
+		// 不是微信端打开的页面
+		if (!browser.versions.weixin) {
+			document.querySelector('.zy-h5-bf-bar').style.display = 'none'
+			document.querySelector('.zy-h5-fx-bar').style.display = 'none'
+		}
+		var activeId = "${active.id!}"
+		var baseUrl = "${active.staticMouldTheme.basePath}"
+		var baseType = "${basePathType}"
+		var staticHtmlPath = "${active.staticHtmlPath!}"
+	</script>
+	<script src="${active.staticMouldTheme.basePath}/script.js"></script>
+	<script src="${active.staticMouldTheme.basePath}/spin.min.js"></script>
+</html>

二進制
新模板/kyjh.png


二進制
新模板/海报分享图.jpg


部分文件因文件數量過多而無法顯示