|
|
@@ -0,0 +1,258 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+ <head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
+ <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
|
|
|
+ <meta http-equiv="Pragma" content="no-cache" />
|
|
|
+ <meta http-equiv="Expires" content="0" />
|
|
|
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=8">
|
|
|
+ <meta http-equiv="Cache" content="no-cache">
|
|
|
+ <title>soodo上朵-年货节</title>
|
|
|
+ <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
|
|
|
+ <link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
|
|
|
+ <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
|
|
|
+ <link rel="stylesheet" type="text/css" href="css/main.css" />
|
|
|
+ <style>
|
|
|
+ .color_a {color: #000000;}
|
|
|
+ .color_a:hover {color: #000000;}
|
|
|
+ .dalog {position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .7);display: none;z-index: 99;}
|
|
|
+ .dalog>div {position: absolute;width: 270px;height: 290px;left: 50%;margin-left: -135px;top: 50%;margin-top: -150px;text-align: center;}
|
|
|
+ .dalog ul{padding-top: 12px;}
|
|
|
+ .dalog ol{width: 185px;display: block;margin: 0 auto;text-align: left;padding-bottom: 4px;}
|
|
|
+ .dalog ol>li{font-size: 12px;margin:0;white-space: nowrap;}
|
|
|
+ .dalog ul>li {margin:0 0 16px 0;color: #727171;}
|
|
|
+ .dalog ul>li:last-child{margin-bottom: 10px;}
|
|
|
+ .dalog ul li p {color: #666;}
|
|
|
+ .dalog .btn-see-integral {border-radius: 25px;background: #727171;color: #fff;padding: 5px 22px;border: 0;font-size: 14px;}
|
|
|
+ .dalog .icon-guanbicha {color: #fff;font-size: 26px;}
|
|
|
+ .dalog strong {font-size: 22px;letter-spacing: 4px;}
|
|
|
+ .dalog .icon-A-zhucewancheng {font-size: 40px;}
|
|
|
+
|
|
|
+ .mui-content{background: url(images/20200103/20200103_back.jpg);background-size: 100%; background-repeat:no-repeat;}
|
|
|
+ .helping_people{height: 40px;margin: 0 auto;width: 70%;margin-top: 20px;}
|
|
|
+ .helping_people>ul>li{float: left;background: url(images/20200103/20200103_head_back.png);background-size: 99%; background-repeat:no-repeat; margin-left: 5%;width: 14%;height: 40px;display: block;}
|
|
|
+ .helping_people>ul>li>img{border-radius: 50%; width: 100%;height: 40px;}
|
|
|
+ .dalog_layer{background: url(images/20200103/20200103_tc_back.png);background-size: 100%; background-repeat:no-repeat;}
|
|
|
+
|
|
|
+ .mui-text-center{padding-top: 210px;margin: 0 auto;width: 73%;}
|
|
|
+ .active_rule>p{font-size: 12px;padding-left: 8px;padding-right: 8px;}
|
|
|
+ </style>
|
|
|
+ </head>
|
|
|
+ <script>
|
|
|
+ // var start = new Date(2019,12-1,10,00,00,00);
|
|
|
+ // var end = new Date(2019,12-1,20,23,59,59);
|
|
|
+ // var d = new Date().getTime(); //当前时间戳
|
|
|
+ // if (d > start && d <= end) {
|
|
|
+ // location.href = "index-2019-12-12.html?dates="+new Date().getTime();
|
|
|
+ // }
|
|
|
+ </script>
|
|
|
+ <body>
|
|
|
+ <div class="mui-content" style="height: 550px;">
|
|
|
+ <div style="height: 250px;"></div>
|
|
|
+ <div style="margin-left: 20px;font-size: 12px;color:#989898">已有<span class="help_people">0</span>位好友获得<span style="color:#EE5F71;background-color: #FFF3F3;">刷头9折券</span></div>
|
|
|
+
|
|
|
+ <div class="helping_people help_people_show_01">
|
|
|
+ <ul>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="helping_people help_people_show_02">
|
|
|
+ <ul>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ <li></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="fx_class" style="width: 60%;margin: 0 auto;padding-top: 20px;"><img src="images/20200103/20200103_fx.png" style="width: 100%;" alt=""></div>
|
|
|
+ <div class="go_to_coupon" style="width: 60%;margin: 0 auto;padding-top: 12px;"><img src="images/20200103/20200103_to_coupon.png" style="width: 100%;" alt=""></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="active_rule" style="width: 93%; margin: 0 auto; border: 0.5px solid #CCCCCC;border-style:dashed;margin-bottom: 20px;">
|
|
|
+ <p style="padding-top: 5px; font-weight: bold;">活动规则:</p>
|
|
|
+ <p>1.分享给1位朋友并且领取刷头优惠券，即可获得电动牙刷8折优惠券</p>
|
|
|
+ <p>2.分享给3位朋友并且领取刷头优惠券，则刷头优惠券变为8.5折</p>
|
|
|
+ <p>3.分享给5位朋友并且领取刷头优惠券，则刷头优惠券变为8折</p>
|
|
|
+ <p>4.分享给10位朋友并且领取刷头优惠券，则刷头优惠券变为7.5折</p>
|
|
|
+ <p>注：优惠券数量不累计，根据分享的完成度，保留最新的优惠券</p>
|
|
|
+ </div>
|
|
|
+ <div class="loading covers">
|
|
|
+ <div class="loading-bj"></div>
|
|
|
+ <p>正在加载...</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div class="dalog">
|
|
|
+ <div class="dalog_layer">
|
|
|
+ <div class="mui-text-center get_coupon_id">
|
|
|
+ <img src="images/20200103/20200103_tc_re.png" alt="" style="width: 100%;">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="share-dalog">
|
|
|
+ <img src="images/share.png" />
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <script src="js/mui.min.js"></script>
|
|
|
+ <script src="js/jquery-2.1.1.min.js"></script>
|
|
|
+ <script src="js/main.js"></script>
|
|
|
+ <script src="js/wechat-utils-1.0.js"></script>
|
|
|
+ <script>
|
|
|
+
|
|
|
+ var openid = getParam("openid"); //opendId
|
|
|
+ var useropenid = getParam("useropenid"); //useropenid
|
|
|
+
|
|
|
+ //ready事件
|
|
|
+ mui.ready(function() {
|
|
|
+
|
|
|
+ //刷新用户信息
|
|
|
+ refreshUserInfo();
|
|
|
+
|
|
|
+ if(!isEmpty(openid)){
|
|
|
+ openid = "X";
|
|
|
+ }
|
|
|
+
|
|
|
+ //查询是否参与活动
|
|
|
+ $.ajax(base_path + '/wechat/festival/to_festival?dates=' + new Date().getTime(), {
|
|
|
+ dataType: 'json',
|
|
|
+ type: 'post',
|
|
|
+ timeout: 15000,
|
|
|
+ xhrFields: {
|
|
|
+ withCredentials: true
|
|
|
+ },
|
|
|
+ crossDomain: true,
|
|
|
+ success: function(dt) {
|
|
|
+ if(dt.isRedirect) {
|
|
|
+ location.href = dt.redirectURL;
|
|
|
+ }
|
|
|
+ if(dt.data.status == 2){
|
|
|
+ //弹窗领取优惠券
|
|
|
+ $('.dalog').show();
|
|
|
+ }else{
|
|
|
+ $('.dalog').hide();
|
|
|
+ $('.help_people').text(dt.data.festivalHelpList.length);
|
|
|
+ for(let i=0;i<dt.data.festivalHelpList.length;i++){
|
|
|
+ var festivalHelp = dt.data.festivalHelpList[i];
|
|
|
+ if(i < 5){
|
|
|
+ $('.help_people_show_01').find('li').eq(i).html('<img src="'+ festivalHelp.userHead +'" style="width: 100%;" alt="">');
|
|
|
+ }else{
|
|
|
+ $('.help_people_show_02').find('li').eq(i-5).html('<img src="'+ festivalHelp.userHead +'" style="width: 100%;" alt="">');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function(xhr, type, errorThrown) {
|
|
|
+ console.log(xhr)
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ $(".loading").hide().css("opacity", "0"); //隐藏（正在加载...）.
|
|
|
+
|
|
|
+ //设置分享
|
|
|
+ fenxiang();
|
|
|
+ });
|
|
|
+
|
|
|
+ //领取优惠券
|
|
|
+ $(document).on('tap', '.get_coupon_id', function() {
|
|
|
+ if(!isEmpty(openid)){
|
|
|
+ mui.toast("链接出错，请重试");
|
|
|
+ }
|
|
|
+ $.ajax(base_path + '/wechat/festival/receive_activity?dates=' + new Date().getTime(), {
|
|
|
+ data:{
|
|
|
+ openid:openid
|
|
|
+ },
|
|
|
+ dataType: 'json',
|
|
|
+ type: 'post',
|
|
|
+ timeout: 15000,
|
|
|
+ xhrFields: {
|
|
|
+ withCredentials: true
|
|
|
+ },
|
|
|
+ crossDomain: true,
|
|
|
+ success: function(dt) {
|
|
|
+ if(dt.isRedirect) {
|
|
|
+ location.href = dt.redirectURL;
|
|
|
+ }
|
|
|
+ if(dt.status){
|
|
|
+ //弹窗领取优惠券
|
|
|
+ location.reload();
|
|
|
+ }else{
|
|
|
+ mui.alert(dt.message);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function(xhr, type, errorThrown) {
|
|
|
+ console.log(xhr)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ //更新用户信息
|
|
|
+ function refreshUserInfo(){
|
|
|
+ $.ajax(base_path + '/wechat/getUserInfo?dates=' + new Date().getTime(), {
|
|
|
+ dataType: 'json',
|
|
|
+ type: 'post',
|
|
|
+ timeout: 15000,
|
|
|
+ xhrFields: {
|
|
|
+ withCredentials: true
|
|
|
+ },
|
|
|
+ crossDomain: true,
|
|
|
+ success: function(dt) {
|
|
|
+ if(dt.isRedirect) {
|
|
|
+ location.href = dt.redirectURL;
|
|
|
+ }
|
|
|
+ if(!isEmpty(useropenid)){
|
|
|
+ useropenid = dt.data.openId;
|
|
|
+ location.href="cash-coupon-2019.html?openid="+openid+"&useropenid="+useropenid;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function(xhr, type, errorThrown) {
|
|
|
+ console.log(xhr)
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ //分享
|
|
|
+ function fenxiang(){
|
|
|
+ var src = "https://s.iamberry.com/soodo/wechat/cash-coupon-2019.html?openid="+useropenid;
|
|
|
+ window.wxFriend = {
|
|
|
+ "appId": "",
|
|
|
+ "imgUrl": 'https://s.iamberry.com/soodo/wechat/images/product_fenxiang.jpg',
|
|
|
+ "link": src,
|
|
|
+ "desc": '让你的齿龄停留在18岁',
|
|
|
+ "title": 'soodo上朵 | 你的好友邀请你领取优惠券',
|
|
|
+ "netError": "您的网络异常，请刷新重试!如多次刷新无效，请向我们反应 ~",
|
|
|
+ "shareTimeSuccess": "分享成功",
|
|
|
+ "shareTimeCancel": "已取消分享",
|
|
|
+ "shareAppSuccess": "分享成功!",
|
|
|
+ "shareAppCancel": "已取消分享"
|
|
|
+ };
|
|
|
+ getConfig();
|
|
|
+ }
|
|
|
+
|
|
|
+ //分享弹窗
|
|
|
+ $(document).on('tap', '.fx_class', function() {
|
|
|
+ $(".share-dalog").show();
|
|
|
+ });
|
|
|
+ //关闭分享弹窗
|
|
|
+ $(document).on('tap', '.share-dalog', function() {
|
|
|
+ $(this).hide();
|
|
|
+ });
|
|
|
+
|
|
|
+ //去优惠券
|
|
|
+ $(document).on('tap', '.go_to_coupon', function() {
|
|
|
+ location.href="coupon_list.html";
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+</html>
|
