Skip to content

S
SURPRISED
Commit 0ecd68fe authored by Mac's avatar Mac
Browse files
Options

活动页面的修改

parent 6e3be8db
Hide whitespace changes
Inline Side-by-side
Showing with 107 additions and 38 deletions
css/GT_activities.css
View file @ 0ecd68fe
...@@ -102,6 +102,7 @@ p{ ...@@ -102,6 +102,7 @@ p{
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: 0.1rem;
} }
.t_name{ .t_name{
font-size: 0.16rem; font-size: 0.16rem;
...@@ -141,28 +142,21 @@ p{ ...@@ -141,28 +142,21 @@ p{
/* height: 0.2rem;*/ /* height: 0.2rem;*/
/*}*/ /*}*/
.img_btn{ .img_btn{
width: 1.18rem; width: 1.4rem;
height: 0.3rem; height: 0.38rem;
background: #FAB001; /*background: #FAB001;*/
display: flex;
align-items: center;
justify-content: center;
/*margin-left: 2.07rem;*/
margin-top: 0.08rem;
}
.img_btn{
width: 1.18rem;
height: 0.3rem;
background: #FAB001;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
/*margin-left: 2.07rem;*/ /*margin-left: 2.07rem;*/
margin-top: 0.08rem; margin-top: 0.05rem;
border:none; background-image: url(../images/buy_btn.gif);
background-size: 100% 100%;
background-repeat: no-repeat;
} }
.img_btn p{ .img_btn p{
font-size: 0.14rem; font-size: 0.16rem;
color: #E03234; color: #E03234;
} }
.explain_box{ .explain_box{
...@@ -267,7 +261,7 @@ p{ ...@@ -267,7 +261,7 @@ p{
.use_oupon{ .use_oupon{
width: 3.14rem; width: 3.14rem;
height: 0.4rem; height: 0.4rem;
margin-top: 0.29rem; margin-top: 0.16rem;
margin-left: 0.32rem; margin-left: 0.32rem;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -359,3 +353,28 @@ p{ ...@@ -359,3 +353,28 @@ p{
line-height: 0.7rem; line-height: 0.7rem;
text-align: center; text-align: center;
} }
.app_share{
width: 100%;
height: 0.35rem;
display: none;
}
.app_sharebox{
width: 90%;
margin-left: 5%;
height: 0.35rem;
display: flex;
flex-direction: row;
align-items: center;
}
.app_sharebox p{
font-size: 0.14rem;
color: white;
margin-right: 0.1rem;
}
.app_sharebox img{
width: 0.2rem;
height: 0.2rem;
margin-left: 0.15rem;
}
html/GT_activities.html
View file @ 0ecd68fe
...@@ -18,12 +18,12 @@ ...@@ -18,12 +18,12 @@
</div> </div>
<script type="text/javascript" src="../js/autosize2.js"></script> <script type="text/javascript" src="../js/autosize2.js"></script>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script> <script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<title>印象之旅 11·18 福利大派送</title> <title>印象之旅11.18同业回馈日</title>
</head> </head>
<body> <body>
<div id="box"> <div id="box">
<div class="wx_bg" onclick="hideTips()"> <div class="wx_bg">
<img src="../images/qsywx.png" alt="" /> <img src="../images/qsywx.png" alt="" />
</div> </div>
<div class="box_title"> <div class="box_title">
...@@ -80,7 +80,7 @@ ...@@ -80,7 +80,7 @@
</div> </div>
<div class="box_content"> <div class="box_content">
<div class="margin_T" style="margin-top:1.90rem;"></div> <div class="margin_T" style="margin-top:1.80rem;"></div>
<div class="box_title_2"> <div class="box_title_2">
<p></p> <p></p>
</div> </div>
...@@ -104,14 +104,14 @@ ...@@ -104,14 +104,14 @@
</div> </div>
<div class="img_bg_M"> <div class="img_bg_M">
<div class="img_bg_text" style="width: 55%; margin-left: 45%;height: 1.13rem;display: flex;flex-direction: column;align-items: center;"> <div class="img_bg_text" style="width: 53%; margin-left: 45%;height: 1.18rem;display: flex;flex-direction: column;align-items: center;padding-top: 0.1rem">
<p class="img_bg_p1" style="font-size: 0.3rem;color: #E03234;padding-top: 0.2rem;">无敌抵用券</p> <p class="img_bg_p1" style="font-size: 0.26rem;color: #E03234;padding-top: 0.1rem;font-weight: bold">无敌抵用券</p>
<p class="img_bg_p2" style="font-size: 0.14rem;color: #E03234;height: 0.2rem;"></p> <p class="img_bg_p2" style="font-size: 0.13rem;color: #E03234;height: 0.2rem;"></p>
<button class="img_btn"> <div class="img_btn">
<p></p> <p></p>
</button> </div>
<!-- <div class="img_btn"> <!-- <div class="img_btn">
</div> --> </div> -->
</div> </div>
...@@ -131,6 +131,14 @@ ...@@ -131,6 +131,14 @@
</div> </div>
<div class="app_share">
<div class="app_sharebox">
<p>分享到</p>
<img src="../images/wechat_logo@2x.png" alt="" class="app_share_hy">
<img src="../images/pengyouquan@2x.png" alt="" class="app_share_pyq">
</div>
</div>
<div class="explain_box"> <div class="explain_box">
<div class="explain"> <div class="explain">
<p></p> <p></p>
...@@ -164,7 +172,7 @@ ...@@ -164,7 +172,7 @@
<script> <script>
let href = window.location.href; let href = window.location.href;
//let href='https://127.0.0.1:5500/html/GT_activities.html?customerId=1549&accountId=1182&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE1NzM0NjY2NjMuMCwiZXhwIjoxNTczNTUzMDYzLjAsInVzZXJJbmZvIjp7InVpZCI6IjExODIiLCJyZXF1ZXN0RnJvbSI6NH19.hX2b2MqSWYmWS0k3YsthxW-T6UxarIm5rdbqCVQtxdQ&secretKey=5d5e16254bd741c486fe2b83b42171d2&platform=app'; // let href='https://127.0.0.1:5500/html/GT_activities.html?customerId=1549&accountId=1182&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE1NzM0NjY2NjMuMCwiZXhwIjoxNTczNTUzMDYzLjAsInVzZXJJbmZvIjp7InVpZCI6IjExODIiLCJyZXF1ZXN0RnJvbSI6NH19.hX2b2MqSWYmWS0k3YsthxW-T6UxarIm5rdbqCVQtxdQ&secretKey=5d5e16254bd741c486fe2b83b42171d2&platform=app';
let userInfo = {}; let userInfo = {};
let platform = "H5"; let platform = "H5";
...@@ -213,6 +221,10 @@ ...@@ -213,6 +221,10 @@
var currentTime = ''; var currentTime = '';
localStorage.userInfo = JSON.stringify(userInfo) localStorage.userInfo = JSON.stringify(userInfo)
if (platform == 'app') {
$('.app_share').css('display', "block");
}
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: `${getApiUrl().urlJava}api/appActivity/getUserPurchaseTime`, url: `${getApiUrl().urlJava}api/appActivity/getUserPurchaseTime`,
...@@ -249,7 +261,7 @@ ...@@ -249,7 +261,7 @@
let nowDate = new Date(res.data.currentTime.replace('T', ' ').replace(/-/g, '/')).getTime(); //服务器时间 let nowDate = new Date(res.data.currentTime.replace('T', ' ').replace(/-/g, '/')).getTime(); //服务器时间
// let activityStartDate = new Date('2019/11/08 17:43:50').getTime(); // let activityStartDate = new Date('2019/11/08 17:43:50').getTime();
// let activityEndDate = new Date('2019/11/08 17:23:00').getTime(); //活动结束时间 // let activityEndDate = new Date('2019/11/14 11:23:00').getTime(); //活动结束时间
//判断当前时间是否到了抢购时间 //判断当前时间是否到了抢购时间
...@@ -266,7 +278,7 @@ ...@@ -266,7 +278,7 @@
$('#t3').html('月'); $('#t3').html('月');
$('#t4').html('日'); $('#t4').html('日');
$('#t5').html('点整'); $('#t5').html('点整');
$('.img_btn p').html(res.data.redemptionPrice + '元抢购'); $('.img_btn p').html('立即抢购');
$('.img_btn').css("background-color", "#CCCCCC"); $('.img_btn').css("background-color", "#CCCCCC");
$('.img_btn p').css("color", "#FFFFFF"); $('.img_btn p').css("color", "#FFFFFF");
// $(".received_img").attr("src", ""); // $(".received_img").attr("src", "");
...@@ -282,7 +294,7 @@ ...@@ -282,7 +294,7 @@
$('.img_btn p').css("color", "#FFFFFF"); $('.img_btn p').css("color", "#FFFFFF");
$('.img_btn p').html('活动结束') $('.img_btn p').html('活动结束')
$('.box_content_t').hide() $('.box_content_t').hide()
$('.img_btn').css("background-color", "#CCCCCC"); $('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
let nextActivity = res.data.nextActivity; let nextActivity = res.data.nextActivity;
if (nextActivity != null) { if (nextActivity != null) {
$('.dataStatistics').css('display', "none"); $('.dataStatistics').css('display', "none");
...@@ -313,7 +325,7 @@ ...@@ -313,7 +325,7 @@
if (res.data.count != 0) { if (res.data.count != 0) {
// $(".received_img").attr("src", ""); // $(".received_img").attr("src", "");
$('.img_btn p').html(res.data.redemptionPrice + '元抢购'); $('.img_btn p').html('立即抢购');
} else { } else {
$('.img_btn p').html('去使用'); $('.img_btn p').html('去使用');
...@@ -329,7 +341,8 @@ ...@@ -329,7 +341,8 @@
$('.img_btn p').css("color", "#FFFFFF"); $('.img_btn p').css("color", "#FFFFFF");
$('.img_btn p').html('活动结束') $('.img_btn p').html('活动结束')
$('.box_content_t').hide() $('.box_content_t').hide()
$('.img_btn').css("background-color", "#CCCCCC"); $('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
} }
...@@ -502,6 +515,43 @@ ...@@ -502,6 +515,43 @@
// function hideTips(){ // function hideTips(){
// $('.wx_bg').css({'display':'none'}) // $('.wx_bg').css({'display':'none'})
// } // }
$('.app_share_hy').click(function () { //在app里分享微信好友
let data = {
'action' : 'share',
'shareData' : {
shareType : '0',
params : {
type: 'news',
title: '印象之旅11.18同业回馈日',
description: '印象之旅11.18同业回馈日',
webpageUrl: 'http://activity.oytour.com/html/GT_activities.html',
thumbImage : 'http://imgfile.oytour.com/Static/app1118.png',
}
}
}
window.postMessage(JSON.stringify(data));
})
$('.app_share_pyq').click(function () { //在app里分享微信朋友圈
let data = {
'action' : 'share',
'shareData' : {
shareType : '1',
params : {
type: 'news',
title: '印象之旅11.18同业回馈日',
description: '印象之旅11.18同业回馈日',
webpageUrl: 'http://activity.oytour.com/html/GT_activities.html',
thumbImage : 'http://imgfile.oytour.com/Static/app1118.png',
}
}
}
window.postMessage(JSON.stringify(data));
})
</script> </script>
</body> </body>
......
js/jquery.dataStatistics.js
View file @ 0ecd68fe
...@@ -78,7 +78,7 @@ $.fn.dataStatistics = function(options) { ...@@ -78,7 +78,7 @@ $.fn.dataStatistics = function(options) {
$('.img_btn p').css("color", "#FFFFFF"); $('.img_btn p').css("color", "#FFFFFF");
$('.img_btn p').html('活动结束') $('.img_btn p').html('活动结束')
$('.box_content_t').hide() $('.box_content_t').hide()
$('.img_btn').css("background-color", "#CCCCCC"); $('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
// layer.msg('优惠券被抢光了！') // layer.msg('优惠券被抢光了！')
} }
...@@ -168,7 +168,7 @@ $.fn.dataStatistics = function(options) { ...@@ -168,7 +168,7 @@ $.fn.dataStatistics = function(options) {
$('.img_bg_p1').css("color", "#CCCCCC"); $('.img_bg_p1').css("color", "#CCCCCC");
$('.img_bg_p2').css("color", "#CCCCCC"); $('.img_bg_p2').css("color", "#CCCCCC");
$('.img_btn p').css("color", "#FFFFFF"); $('.img_btn p').css("color", "#FFFFFF");
$('.img_btn').css("background-color", "#CCCCCC"); $('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
$('.img_btn p').html('活动结束') $('.img_btn p').html('活动结束')
$('.box_content_t').hide() $('.box_content_t').hide()
clearInterval(timer2); //活动结束 清楚定时器 clearInterval(timer2); //活动结束 清楚定时器
...@@ -176,7 +176,7 @@ $.fn.dataStatistics = function(options) { ...@@ -176,7 +176,7 @@ $.fn.dataStatistics = function(options) {
if (nownumber > 0) { if (nownumber > 0) {
if (res.data.count != 0) { if (res.data.count != 0) {
// $(".received_img").attr("src", ""); // $(".received_img").attr("src", "");
$('.img_btn p').html(res.data.redemptionPrice + '元抢购') $('.img_btn p').html('立即抢购')
} else { } else {
$(".received_img").css('display', "block"); $(".received_img").css('display', "block");
$('.img_btn p').html('去使用') $('.img_btn p').html('去使用')
...@@ -192,7 +192,7 @@ $.fn.dataStatistics = function(options) { ...@@ -192,7 +192,7 @@ $.fn.dataStatistics = function(options) {
$('.img_btn p').css("color", "#FFFFFF"); $('.img_btn p').css("color", "#FFFFFF");
$('.img_btn p').html('活动结束') $('.img_btn p').html('活动结束')
$('.box_content_t').hide() $('.box_content_t').hide()
$('.img_btn').css("background-color", "#CCCCCC"); $('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
} }
...@@ -225,7 +225,7 @@ $.fn.dataStatistics = function(options) { ...@@ -225,7 +225,7 @@ $.fn.dataStatistics = function(options) {
loadingFlag= layer.msg('抢购中...', { icon: 16, shade: 0.01,shadeClose:false,time:60000 }); loadingFlag= layer.msg('抢购中...', { icon: 16, shade: 0.01,shadeClose:false,time:60000 });
} }
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: `${getApiUrl().urlJava}api/appActivity/PanicBuyingCoupon`, url: `${getApiUrl().urlJava}api/appActivity/PanicBuyingCoupon`,
contentType: "application/json", contentType: "application/json",
data: getJavaData({ redemptionPrice: options.price, couponId: options.couponId, productName: '印象之旅-200元无敌优惠券' }), data: getJavaData({ redemptionPrice: options.price, couponId: options.couponId, productName: '印象之旅-200元无敌优惠券' }),
...@@ -246,7 +246,7 @@ $.fn.dataStatistics = function(options) { ...@@ -246,7 +246,7 @@ $.fn.dataStatistics = function(options) {
// clearInterval(timer3) //2,执行动画之后清除timer3 // clearInterval(timer3) //2,执行动画之后清除timer3
// },difference*1000) // },difference*1000)
let title = '印象之旅-200元无敌优惠券'; let title = '印象之旅-200元线路产品优惠券';
let data = { let data = {
'action': 'jump', // showToast->一个提示信息 showHud->一个黑色的loading 'action': 'jump', // showToast->一个提示信息 showHud->一个黑色的loading
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment