<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no"> <meta name="format-detection" content="telephone=no"> <title>宝贝,因“喂”爱你</title> <link rel="stylesheet" href="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/css/activity.css"> <link rel="stylesheet" href="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/css/toast.css"> <script type="text/javascript" src="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotosjs/js/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/html2Json.js"></script> <script type="text/javascript" src="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/pageJson/userJson.js"></script> <script type="text/javascript" src="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/modalJson/shareModal.js"></script> <script type="text/javascript" src="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/modalJson/voteModal.js"></script> <script type="text/javascript" src="http://gitlab.icaremgt.com/tanxinyu/h5_activity/raw/master/showPhotos/js/autoFontsize.min.js"></script> <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script> <script type="text/javascript"> wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: '${appId!}', // 必填,公众号的唯一标识 timestamp:'${timestamp!}', // 必填,生成签名的时间戳 nonceStr: '${noncestr!}', // 必填,生成签名的随机串 signature: '${signature!}',// 必填,签名,见附录1 jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','startRecord','stopRecord','onVoiceRecordEnd','playVoice','pauseVoice','stopVoice','onVoicePlayEnd' ,'uploadVoice','downloadVoice','chooseImage','previewImage','uploadImage','downloadImage','translateVoice','openLocation' ,'getLocation','hideOptionMenu','showOptionMenu','hideMenuItems','showMenuItems','scanQRCode','chooseWXPay','addCard','chooseCard','openCard'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); </script> </head> <body> </body> </html> <script type="text/javascript"> // 公共变量 var xtoken = "123123"; var activityCode = "hdtbsztest1"; var pageNumber = "1"; var baseUrl = "http://space-api.check.icaremgt.com"; $('body').prepend(json2html(userObj)); $('body').prepend(json2html(shareModal)); $('body').prepend(json2html(voteModal)); $('#html-template-4').addClass('global-none') $('#html-template-8').addClass('global-none') $(function(){ btnBindClick();// 绑定点击事件 userCountDown(10,$('#act31142119991744 span')); //倒计时 userTabInfo(); wxpermission(); }); // 微信鉴权 function wxpermission() { wx.ready(function(){ var shareData = { title: "", imgUrl: "", desc: "", link: "" } /** *分享给朋友 */ wx.onMenuShareAppMessage({ title: shareData.title, // 分享标题 desc: shareData.desc, // 分享描述 link: shareData.link, // 分享链接 imgUrl: shareData.imgUrl, // 分享图标 type: 'link', // 分享类型,music、video或link,不填默认为link dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function () { // 用户确认分享后执行的回调函数 }, cancel: function () { // 用户取消分享后执行的回调函数 } }); /** *分享到朋友圈 */ wx.onMenuShareTimeline({ title: shareData.title, // 分享标题 desc: shareData.desc, // 分享描述 link: shareData.link, // 分享链接 imgUrl: shareData.imgUrl, // 分享图标 success: function () { }, cancel: function () { // 用户取消分享后执行的回调函数 } }); }); } // 元素点击事件绑定 function btnBindClick() { // 返回首页 $("#act3110143885264").off("click").on("click",function(){ window.location.href = '/index.html' }); // 拉票 $('#act31119351441050').off("click").on("click",function(){ $('#html-template-8').removeClass('global-none') }); // 分享弹框关闭 $(document).on('click','#html-template-8 .modal-close',function(){ $('#html-template-8').addClass('global-none') }); // 投票 $('#act31119414834381').off("click").on("click",function(){ $('#html-template-4').removeClass('global-none') }); // 我要拉票 $('#act2172989331265').off("click").on("click",function(){ $('#html-template-8').removeClass('global-none') }); // 继续投票 $('#act21728433893489').off("click").on("click",function(){ }); // 投票弹框关闭 $(document).on('click','#html-template-4 .modal-close',function(){ $('#html-template-4').addClass('global-none') }); // 排行榜 $("#act41612547506702").off('click').on("click", function(){ window.location.href = '/index.html' }); // 选手主页 $("#act4161336684689").off("click").on("click", function(){ window.location.href = '/user.html' }); // 活动秘籍 $("#act41613113951133").off("click").on("click", function(){ $('#html-template-8').removeClass('global-none') }); } // 倒计时 function userCountDown(times,ids){ var timer=null; var self = this var times = times timer=setInterval(function(){ var day=0, hour=0, minute=0, second=0;//时间默认值 if(times > 0){ day = Math.floor(times / (60 * 60 * 24)); hour = Math.floor(times / (60 * 60)) - (day * 24); minute = Math.floor(times / 60) - (day * 24 * 60) - (hour * 60); second = Math.floor(times) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60); } if (day <= 9) day = '0' + day; if (hour <= 9) hour = '0' + hour; if (minute <= 9) minute = '0' + minute; if (second <= 9) second = '0' + second; ids.html((day != 00 ? day + "天" : '')+hour+"时"+minute+"分"+second+"秒") times--; if(times<0){ clearInterval(timer); ids.parent().addClass('global-none') } },1000); } function userTabInfo() { var userInfoObj = { userImg: 'http://qnfile.icareyou.net/e1e347fa1d3a4eb79839e40c6ba312531560307520219.jpg', userName: '小米', userNo: '2939393', userRank: '29', userVoteNum: '200', userState: '拉票宣言', showImg: 'http://qnfile.icareyou.net/e1e347fa1d3a4eb79839e40c6ba312531560307520219.jpg' } $('#act3932189955 .user-info .inner-pic').attr('src',userInfoObj.userImg); var innerInfo = $('#act3932189955 .user-info .inner-info') innerInfo.find('.userName span').text(userInfoObj.userName) innerInfo.find('.userNo span').text(userInfoObj.userNo) innerInfo.find('.userRank span').text(userInfoObj.userRank) innerInfo.find('.userVoteNum span').text(userInfoObj.userVoteNum) $('#act3932189955 .userState').val(userInfoObj.userState) $('#act3932189955 .user-info .inner-pic').attr('src',userInfoObj.userImg); $('#act3932189955 .show-pic').attr('src',userInfoObj.showImg); } // 页面跳转 function transPage(_pageNumber,_activityCode, _token, _urlParam){ var url = '' if(typeof _urlParam !=='undefined' && _urlParam !== ''){ url = baseUrl + "/ACTIVITY/view/"+ _activityCode +"/" + _pageNumber + '?' + _urlParam; }else { url = baseUrl + "/ACTIVITY/view/"+ _activityCode +"/" + _pageNumber; } var _form = document.createElement('form'); _form.action = url; _form.method = "post"; _form.style.display = "none"; var inputToken = document.createElement('input'); inputToken.value = _token; inputToken.name = 'x-token'; _form.appendChild(inputToken); document.body.appendChild(_form); _form.submit(); } </script>