|
|
@@ -0,0 +1,380 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
|
|
|
+<script>
|
|
|
+ var _hmt = _hmt || [];
|
|
|
+ (function() {
|
|
|
+ var hm = document.createElement("script");
|
|
|
+ hm.src = "https://hm.baidu.com/hm.js?386bd73a165fad21c9b5d0f0ef5d4d22";
|
|
|
+ var s = document.getElementsByTagName("script")[0];
|
|
|
+ s.parentNode.insertBefore(hm, s);
|
|
|
+ })();
|
|
|
+</script>
|
|
|
+<head>
|
|
|
+ <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">
|
|
|
+ <title>小塾学伴</title>
|
|
|
+ <link rel="icon" th:href="@{/static/extension/favicon.ico}" type="image/x-icon" />
|
|
|
+ <link href="activity/index.css" type="text/css" th:href="@{/static/extension/css/style3.css?version=6}" rel="stylesheet"/>
|
|
|
+ <script src="./js/jquery.js" th:src="@{/static/extension/js/layer_mobile/layer.js?version=2}"></script>
|
|
|
+
|
|
|
+ <script src="js/jquery.form.min.js" th:src="@{/static/extension/js/jquery.min.js}"></script>
|
|
|
+ <script src="js/flexible.js" th:src="@{/static/extension/js/layer_mobile/activity3.js?version=3}"></script>
|
|
|
+ <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
|
|
|
+
|
|
|
+ <script type="text/javascript">
|
|
|
+ var sysUrl = '[[${sysUrl}]]';
|
|
|
+ var imgUrl = '[[${imgUrl}]]';
|
|
|
+ </script>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div id="container" class="wrap">
|
|
|
+ <div class="pr wrap_inner">
|
|
|
+ <div class="wrap_header">
|
|
|
+ <div class="wrap_index">
|
|
|
+ <div class="index_pic index_pic1">
|
|
|
+ <img src="https://img.sharingschool.com/activity/images/index_a1sz.png?v=1" alt="">
|
|
|
+ <div class="pa index_pic1_marquee" id="index_pic1_marquee">
|
|
|
+ <ul class="mUl">
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="index_pic index_pic2">
|
|
|
+ <img src="https://img.sharingschool.com/activity/images/index_a2sz.png?v=1" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="index_pic index_pic3">
|
|
|
+ <img src="https://img.sharingschool.com/activity/images/index_a3sz.png?v=1" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="index_pic index_pic4">
|
|
|
+ <img src="https://img.sharingschool.com/activity/images/index_longsz.png?v=1" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="index_pic index_pic5">
|
|
|
+ <img src="https://img.sharingschool.com/activity/images/index_a7sz.png?v=1" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="index_pic index_pic6">
|
|
|
+ <img src="https://img.sharingschool.com/activity/images/index_a8sz.png?v=1" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="index_pic index_pic7">
|
|
|
+ <img src="https://img.sharingschool.com/activity/images/index_a9sz.png?v=1" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="wrap_footer">
|
|
|
+ <div class="pa wrap_footer_icon"><a href="https://im.7x24cc.com/phone_webChat.html?accountId=N000000015632&chatId=e42d388a-85ae-4d6c-b1e3-4fbd149d2011">
|
|
|
+ <img th:src="@{/static/extension/images/index_icon.png}" alt="客服" />
|
|
|
+ <span>客服</span>
|
|
|
+ </a></div>
|
|
|
+ <div class="pa wrap_footer_btn" id="wrap_footer_btn">
|
|
|
+ <h3>￥<span>9.9</span>元</h3>
|
|
|
+ <p>立即报名</p>
|
|
|
+ <div class="pa wrap_footer_btn_tip">抽更多好礼</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 练习册 -->
|
|
|
+ <div class="pa wrap_select" id="wrap_select">
|
|
|
+ <div class="wrap_select_top">
|
|
|
+ <div class="wrap_select_register">
|
|
|
+ <div class="select_register_tel">
|
|
|
+ <span>手机号</span><input type="text" name="telphone" id="telphone" maxlength="11" autocomplete="off" placeholder="请输入手机号" />
|
|
|
+ <div class="select_register_yzm_tip1"><i></i>手机号加密</div>
|
|
|
+ <div class="select_register_yzm_tip2"><i></i>手机号加密，仅用于老师督学</div>
|
|
|
+ </div>
|
|
|
+ <div class="select_register_yzm">
|
|
|
+ <span>验证码</span><input type="text" name="verify" id="verify" maxlength="6" autocomplete="off" placeholder="请输入验证码" />
|
|
|
+ <div class="select_register_yzm_btn" id="sendyzm">获取验证码</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="wrap_select_workbook" id="wrap_select_workbook">
|
|
|
+ <div class="select_wrokbook_title">
|
|
|
+ <p>选择练习册<span>(至少需要选择1本)</span></p>
|
|
|
+ </div>
|
|
|
+ <div class="select_wrokbook_content">
|
|
|
+ <div class="select_wrokbook_content_tit">
|
|
|
+ <ul id="select_tlist_ul">
|
|
|
+ <li class="ton">语文</li>
|
|
|
+ <li>数学</li>
|
|
|
+ <li>英语</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="select_wrokbook_content_con">
|
|
|
+ <div class="select_dlist_box select_dlist_box1" data-subject="语文" id="select_dlist_box1">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="ywlxc" value="知识与能力训练">
|
|
|
+ <span class="select_dlist_name">知识与能力训练</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="ywlxc" value="53天天练小学同步阅读">
|
|
|
+ <span class="select_dlist_name">53天天练小学同步阅读</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="ywlxc" value="53天天练小学课外阅读">
|
|
|
+ <span class="select_dlist_name">53天天练小学课外阅读</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="ywlxc" value="53随堂测">
|
|
|
+ <span class="select_dlist_name">53随堂测</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="ywlxc" value="53天天练">
|
|
|
+ <span class="select_dlist_name">53天天练</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="ywlxc" value="典中点">
|
|
|
+ <span class="select_dlist_name">典中点</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="ywlxc" value="黄冈小状元作业本">
|
|
|
+ <span class="select_dlist_name">黄冈小状元作业本</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="ywlxc" value="黄冈小状元达标卷">
|
|
|
+ <span class="select_dlist_name">黄冈小状元达标卷</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="ywlxc" value="小学学霸作业本" />
|
|
|
+ <span class="select_dlist_name">小学学霸作业本</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="ywlxc" value="阳光同学课时优化作业">
|
|
|
+ <span class="select_dlist_name">阳光同学课时优化作业</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="ywlxc" value="小学教材全练">
|
|
|
+ <span class="select_dlist_name">小学教材全练</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="ywlxc" value="小升初复习宝典">
|
|
|
+ <span class="select_dlist_name">小升初复习宝典</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="select_dlist_box select_dlist_box2" data-subject="数学" id="select_dlist_box2">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="sxlxc" value="黄冈小状元作业本">
|
|
|
+ <span class="select_dlist_name">黄冈小状元作业本</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="sxlxc" value="小学数学计算能手">
|
|
|
+ <span class="select_dlist_name">小学数学计算能手</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="sxlxc" value="阳光同学课时优化作业">
|
|
|
+ <span class="select_dlist_name">阳光同学课时优化作业</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="sxlxc" value="知识与能力训练">
|
|
|
+ <span class="select_dlist_name">知识与能力训练</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="sxlxc" value="53天天练">
|
|
|
+ <span class="select_dlist_name">53天天练</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="sxlxc" value="黄冈小状元口算速算练习册">
|
|
|
+ <span class="select_dlist_name">黄冈小状元口算速算练习册</span>
|
|
|
+ </li>
|
|
|
+
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="sxlxc" value="黄冈小状元达标卷">
|
|
|
+ <span class="select_dlist_name">黄冈小状元达标卷</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="sxlxc" value="小学学霸作业本">
|
|
|
+ <span class="select_dlist_name">小学学霸作业本</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="sxlxc" value="典中点">
|
|
|
+ <span class="select_dlist_name">典中点</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="sxlxc" value="小学口算大通关">
|
|
|
+ <span class="select_dlist_name">小学口算大通关</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="select_dlist_box select_dlist_box3" data-subject="英语" id="select_dlist_box3">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="yylxc" value="黄冈小状元作业本">
|
|
|
+ <span class="select_dlist_name">黄冈小状元作业本</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="yylxc" value="知识与能力训练">
|
|
|
+ <span class="select_dlist_name">知识与能力训练</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="yylxc" value="小学学霸作业本">
|
|
|
+ <span class="select_dlist_name">小学学霸作业本</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="yylxc" value="阳光同学课时优化作业">
|
|
|
+ <span class="select_dlist_name">阳光同学课时优化作业</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="yylxc" value="53天天练">
|
|
|
+ <span class="select_dlist_name">53天天练</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="yylxc" value="深圳市小学英语“mini”课堂">
|
|
|
+ <span class="select_dlist_name">深圳市小学英语“mini”课堂</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="yylxc" value="深圳市小学英语“第1课堂”">
|
|
|
+ <span class="select_dlist_name">深圳市小学英语“第1课堂”</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="yylxc" value="英语活动手册">
|
|
|
+ <span class="select_dlist_name">英语活动手册</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="yylxc" value="longman grammar in focus朗文版">
|
|
|
+ <span class="select_dlist_name">longman grammar in focus朗文版</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="yylxc" value="longman grammar in focus朗文版">
|
|
|
+ <span class="select_dlist_name">longman grammar practice朗文版</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="yylxc" value="小学英语拓展阅读Let’ s Read lt!">
|
|
|
+ <span class="select_dlist_name">小学英语拓展阅读Let’s Read lt!</span>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <input type="checkbox" name="yylxc" value="小学英语默写能手">
|
|
|
+ <span class="select_dlist_name">小学英语默写能手</span>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="wrap_select_payment">
|
|
|
+ <p><span>￥</span>9.9</p>
|
|
|
+ <button class="select_payment_btn" disabled="disabled">确认支付</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 成功页面17 -->
|
|
|
+ <div class="pa wrap_success" id="wrap_success17">
|
|
|
+ <div class="success_toppic">
|
|
|
+ <div class="success_toppic_tick"></div>
|
|
|
+ <p>报名成功</p>
|
|
|
+ </div>
|
|
|
+ <div class="success_baibox">
|
|
|
+ <p class="success_next_text1">长按识别二维码，加老师微信</p>
|
|
|
+ <p class="success_next_text2">开启5天打卡学习之旅</p>
|
|
|
+ <div class="success_next_ercode"><img src="https://img.sharingschool.com/activity/images/qrcode17.png" alt="小私塾二维码"/></div>
|
|
|
+ <p class="success_next_text3">
|
|
|
+ 你离奖品只差最后一步啦！
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+<script type="text/javascript">
|
|
|
+
|
|
|
+(function (doc, win) {
|
|
|
+ var html = doc.getElementsByTagName("html")[0],
|
|
|
+ reEvt = "orientationchange" in win ? "orientationchange" : "resize",
|
|
|
+ reFontSize = function () {
|
|
|
+ var clientW = doc.documentElement.clientWidth || doc.body.clientWidth;
|
|
|
+ if (!clientW) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ html.style.fontSize = 100 * (clientW / 750) + "px";
|
|
|
+ }
|
|
|
+ win.addEventListener(reEvt, reFontSize);
|
|
|
+ doc.addEventListener("DOMContentLoaded", reFontSize);
|
|
|
+ })(document, window);
|
|
|
+ $(function(){
|
|
|
+ jssdk();
|
|
|
+ });
|
|
|
+ var codeCheck = false;
|
|
|
+ var libId = '[[${libId}]]';
|
|
|
+ var type = '[[${type}]]';
|
|
|
+ var salesPriceId ='[[${salesPrice.id}]]';
|
|
|
+
|
|
|
+ function jssdk(){
|
|
|
+ $.ajax({
|
|
|
+ url : "https://book.sharingschool.com/weixin/question/wxjssdk",
|
|
|
+ type : 'post',
|
|
|
+ dataType : 'json',
|
|
|
+ crossDomain: true,
|
|
|
+ data : {
|
|
|
+ 'url' : location.href.split('#')[0]
|
|
|
+ },
|
|
|
+ success : function(data) {
|
|
|
+ if(data && data.code == 999){
|
|
|
+ wx.config({
|
|
|
+ debug : false,
|
|
|
+ appId : data.data.appId,
|
|
|
+ timestamp : data.data.timestamp,
|
|
|
+ nonceStr : data.data.noncestr,
|
|
|
+ signature : data.data.signature,
|
|
|
+ jsApiList : [
|
|
|
+ 'onMenuShareAppMessage',
|
|
|
+ 'onMenuShareTimeline'
|
|
|
+ ]
|
|
|
+ });
|
|
|
+ var title="小塾学伴高效学习特训营";
|
|
|
+ var imgUrl='https://aikmt.sharingschool.com/H5/H5_brand/images/title.png';
|
|
|
+ var desc ="养成学习好习惯，就用小塾学伴！9.9元抢体验权益";
|
|
|
+ var link = "https://book.sharingschool.com/weixin/payment/index.html?type="+type;
|
|
|
+ wx.ready(function () {
|
|
|
+ // 2. 分享接口
|
|
|
+ // 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口
|
|
|
+ wx.onMenuShareAppMessage({
|
|
|
+ title: title,
|
|
|
+ desc: desc,
|
|
|
+ link:link,
|
|
|
+ imgUrl: imgUrl,
|
|
|
+
|
|
|
+ trigger: function (res) {
|
|
|
+ // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
|
|
|
+ },
|
|
|
+ success: function (res) {
|
|
|
+
|
|
|
+ },
|
|
|
+ cancel: function (res) {
|
|
|
+
|
|
|
+ },
|
|
|
+ fail: function (res) {
|
|
|
+ alert(JSON.stringify(res));
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ // 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
|
|
|
+ wx.onMenuShareTimeline({
|
|
|
+ title: title,
|
|
|
+ link:link,
|
|
|
+ imgUrl: imgUrl,
|
|
|
+ trigger: function (res) {
|
|
|
+ // 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
|
|
|
+ },
|
|
|
+ success: function (res) {
|
|
|
+
|
|
|
+ },
|
|
|
+ cancel: function (res) {
|
|
|
+
|
|
|
+ },
|
|
|
+ fail: function (res) {
|
|
|
+ $.toast(JSON.stringify(res),"cancel");
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ wx.error(function (res) {
|
|
|
+ $.toast(res.errMsg,"cancel");
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+</script>
|
|
|
+</html>
|
shenhao