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{
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 0.1rem;
}
.t_name{
font-size: 0.16rem;
......@@ -141,28 +142,21 @@ p{
/* height: 0.2rem;*/
/*}*/
.img_btn{
width: 1.18rem;
height: 0.3rem;
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;
width: 1.4rem;
height: 0.38rem;
/*background: #FAB001;*/
display: flex;
align-items: center;
justify-content: center;
/*margin-left: 2.07rem;*/
margin-top: 0.08rem;
border:none;
margin-top: 0.05rem;
background-image: url(../images/buy_btn.gif);
background-size: 100% 100%;
background-repeat: no-repeat;
}
.img_btn p{
font-size: 0.14rem;
font-size: 0.16rem;
color: #E03234;
}
.explain_box{
......@@ -267,7 +261,7 @@ p{
.use_oupon{
width: 3.14rem;
height: 0.4rem;
margin-top: 0.29rem;
margin-top: 0.16rem;
margin-left: 0.32rem;
display: flex;
flex-direction: row;
......@@ -359,3 +353,28 @@ p{
line-height: 0.7rem;
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 @@
</div>
<script type="text/javascript" src="../js/autosize2.js"></script>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<title>印象之旅 11·18 福利大派送</title>
<title>印象之旅11.18同业回馈日</title>
</head>
<body>
<div id="box">
<div class="wx_bg" onclick="hideTips()">
<div class="wx_bg">
<img src="../images/qsywx.png" alt="" />
</div>
<div class="box_title">
......@@ -80,7 +80,7 @@
</div>
<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">
<p></p>
</div>
......@@ -104,14 +104,14 @@
</div>
<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;">
<p class="img_bg_p1" style="font-size: 0.3rem;color: #E03234;padding-top: 0.2rem;">无敌抵用券</p>
<p class="img_bg_p2" style="font-size: 0.14rem;color: #E03234;height: 0.2rem;"></p>
<button class="img_btn">
<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.26rem;color: #E03234;padding-top: 0.1rem;font-weight: bold">无敌抵用券</p>
<p class="img_bg_p2" style="font-size: 0.13rem;color: #E03234;height: 0.2rem;"></p>
<div class="img_btn">
<p></p>
</button>
</div>
<!-- <div class="img_btn">
</div> -->
</div>
......@@ -131,6 +131,14 @@
</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">
<p></p>
......@@ -164,7 +172,7 @@
<script>
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 platform = "H5";
......@@ -213,6 +221,10 @@
var currentTime = '';
localStorage.userInfo = JSON.stringify(userInfo)
if (platform == 'app') {
$('.app_share').css('display', "block");
}
$.ajax({
type: "POST",
url: `${getApiUrl().urlJava}api/appActivity/getUserPurchaseTime`,
......@@ -249,7 +261,7 @@
let nowDate = new Date(res.data.currentTime.replace('T', ' ').replace(/-/g, '/')).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 @@
$('#t3').html('月');
$('#t4').html('日');
$('#t5').html('点整');
$('.img_btn p').html(res.data.redemptionPrice + '元抢购');
$('.img_btn p').html('立即抢购');
$('.img_btn').css("background-color", "#CCCCCC");
$('.img_btn p').css("color", "#FFFFFF");
// $(".received_img").attr("src", "");
......@@ -282,7 +294,7 @@
$('.img_btn p').css("color", "#FFFFFF");
$('.img_btn p').html('活动结束')
$('.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;
if (nextActivity != null) {
$('.dataStatistics').css('display', "none");
......@@ -313,7 +325,7 @@
if (res.data.count != 0) {
// $(".received_img").attr("src", "");
$('.img_btn p').html(res.data.redemptionPrice + '元抢购');
$('.img_btn p').html('立即抢购');
} else {
$('.img_btn p').html('去使用');
......@@ -329,7 +341,8 @@
$('.img_btn p').css("color", "#FFFFFF");
$('.img_btn p').html('活动结束')
$('.box_content_t').hide()
$('.img_btn').css("background-color", "#CCCCCC");
$('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
}
......@@ -502,6 +515,43 @@
// function hideTips(){
// $('.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>
</body>
......
js/jquery.dataStatistics.js
View file @ 0ecd68fe
......@@ -78,7 +78,7 @@ $.fn.dataStatistics = function(options) {
$('.img_btn p').css("color", "#FFFFFF");
$('.img_btn p').html('活动结束')
$('.box_content_t').hide()
$('.img_btn').css("background-color", "#CCCCCC");
$('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
// layer.msg('优惠券被抢光了！')
}
......@@ -168,7 +168,7 @@ $.fn.dataStatistics = function(options) {
$('.img_bg_p1').css("color", "#CCCCCC");
$('.img_bg_p2').css("color", "#CCCCCC");
$('.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('活动结束')
$('.box_content_t').hide()
clearInterval(timer2); //活动结束 清楚定时器
......@@ -176,7 +176,7 @@ $.fn.dataStatistics = function(options) {
if (nownumber > 0) {
if (res.data.count != 0) {
// $(".received_img").attr("src", "");
$('.img_btn p').html(res.data.redemptionPrice + '元抢购')
$('.img_btn p').html('立即抢购')
} else {
$(".received_img").css('display', "block");
$('.img_btn p').html('去使用')
......@@ -192,7 +192,7 @@ $.fn.dataStatistics = function(options) {
$('.img_btn p').css("color", "#FFFFFF");
$('.img_btn p').html('活动结束')
$('.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) {
loadingFlag= layer.msg('抢购中...', { icon: 16, shade: 0.01,shadeClose:false,time:60000 });
}
$.ajax({
type: "POST",
type: "POST",
url: `${getApiUrl().urlJava}api/appActivity/PanicBuyingCoupon`,
contentType: "application/json",
data: getJavaData({ redemptionPrice: options.price, couponId: options.couponId, productName: '印象之旅-200元无敌优惠券' }),
......@@ -246,7 +246,7 @@ $.fn.dataStatistics = function(options) {
// clearInterval(timer3) //2,执行动画之后清除timer3
// },difference*1000)
let title = '印象之旅-200元无敌优惠券';
let title = '印象之旅-200元线路产品优惠券';
let data = {
'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