Skip to content

S
SURPRISED
Commit 7662b8dc authored by 罗超's avatar 罗超
Browse files
Options

恢复图片路径

parent 27b7b1b6
Show whitespace changes
Inline Side-by-side
Showing with 1010 additions and 822 deletions
css/GT_activities.css
View file @ 7662b8dc
......@@ -14,7 +14,7 @@ p {
#box {
width: 100%;
height: 100%;
background-image: url(http://acitvityimage.oytour.com/activity/bg2@3x.png);
background-image: url(../images/bg2@3x.png);
background-size: 100% 100%;
background-repeat: no-repeat;
padding-top: 0.7rem;
......@@ -97,7 +97,7 @@ p {
.box_content {
width: 100%;
height: 5.2rem;
background-image: url(http://acitvityimage.oytour.com/activity/bg1@3x.png);
background-image: url(../images/bg1@3x.png);
background-size: 100% 100%;
background-repeat: no-repeat;
position: absolute;
......@@ -135,7 +135,7 @@ p {
.img_bg_M {
width: 100%;
height: 2.14rem;
background-image: url(http://acitvityimage.oytour.com/activity/M_200.png);
background-image: url(../images/M_200.png);
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
......@@ -180,7 +180,7 @@ p {
justify-content: center;
/*margin-left: 2.07rem;*/
margin-top: 0.05rem;
background-image: url(http://acitvityimage.oytour.com/activity/buy_btn.gif);
background-image: url(../images/buy_btn.gif);
background-size: 100% 100%;
background-repeat: no-repeat;
}
......@@ -249,7 +249,7 @@ p {
position: absolute;
left: 0;
top: 0;
background-image: url(http://acitvityimage.oytour.com/activity/notice.png);
background-image: url(../images/notice.png);
background-size: 100% 100%;
background-repeat: no-repeat;
z-index: 999;
......
html/GT_activities.html
View file @ 7662b8dc
......@@ -13,7 +13,7 @@
<link rel="stylesheet" href="../css/GT_activities.css?r=2341654165">
<link rel="stylesheet" href="../css/GT_activities2.css" media="screen" type="text/css" />
<div id='wx_pic' style='margin:0 auto;display:none;'>
<img src='http://acitvityimage.oytour.com/activity/18logo.png' />
<img src='../images/18logo.png' />
</div>
<script type="text/javascript" src="../js/autosize2.js"></script>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
......@@ -28,10 +28,10 @@
<div id="demo2"></div>
</div>
<div class="wx_bg">
<img src="http://acitvityimage.oytour.com/activity/qsywx.png" alt="" />
<img src="../images/qsywx.png" alt="" />
</div>
<div class="box_title">
<img src="http://acitvityimage.oytour.com/activity/G@3x.png" alt="" class="G_img">
<img src="../images/G@3x.png" alt="" class="G_img">
<h5>
</h5>
......@@ -119,10 +119,10 @@
</div> -->
</div>
<img src="http://acitvityimage.oytour.com/activity/received@3x.png" alt="" class="received_img">
<img src="../images/received@3x.png" alt="" class="received_img">
<div class="use_oupon">
<div class="use_news">
<img src="http://acitvityimage.oytour.com/activity/tx_bg.png" alt="">
<img src="../images/tx_bg.png" alt="">
<div>
<p class="use_o"></p>
<p class="use_t"></p>
......@@ -138,8 +138,8 @@
<div class="app_share">
<div class="app_sharebox">
<p>分享到</p>
<img src="http://acitvityimage.oytour.com/activity/wechat_logo@2x.png" alt="" class="app_share_hy">
<img src="http://acitvityimage.oytour.com/activity/pengyouquan@2x.png" alt="" class="app_share_pyq">
<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>
......@@ -155,7 +155,7 @@
</div>
<div class="notice_img">
<img src="http://acitvityimage.oytour.com/activity/notice_2.png" alt="">
<img src="../images/notice_2.png" alt="">
<p class="notice_name">尊敬的客户</p>
<p class="notice_content"></p>
<p class="notice_content2"></p>
......@@ -223,7 +223,7 @@
var str = ''
for (var i = 0; i < dataList.length; i++) {
if (!dataList[i].customerPhoto) {
dataList[i].customerPhoto = 'http://acitvityimage.oytour.com/activity/tx_bg.png'
dataList[i].customerPhoto = '../images/tx_bg.png'
}
str += `<a href="javascript:void(0);">
<img src="${dataList[i].customerPhoto}"/>
......@@ -366,7 +366,7 @@
let nowDate = new Date(res.data.currentTime.replace('T', ' ').replace(/-/g, '/')).getTime(); //服务器时间
let nextActivity = res.data.nextActivity;
let nextAc = false;
if(nextActivity != null){
if (nextActivity != null) {
nextAc = true
}
......@@ -382,7 +382,7 @@
count: res.data.count, //判断是否可以抢购 0为不可以
activityStartDate: activityStartDate,
activityEndDate: activityEndDate,
nextAc:nextAc
nextAc: nextAc
}); //刚进入页面不执行动画
......@@ -422,7 +422,7 @@
$('#t4').html('日');
$('#t5').html('点整');
$('.img_btn p').html('立即抢购');
$('.img_btn').css("background-image", "url(http://acitvityimage.oytour.com/activity/nobuy_btn.png)");
$('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
$('.img_btn p').css("color", "#FFFFFF");
// $(".received_img").attr("src", "");
......@@ -432,13 +432,13 @@
} else if (nowDate > activityEndDate || res.data.activityIsEnding == 1) { // 活动时间已过
// $(".received_img").attr("src", "");
$('.img_bg_M').css("background-image", "url(http://acitvityimage.oytour.com/activity/MJ_200@3x.png)");
$('.img_bg_M').css("background-image", "url(../images/MJ_200@3x.png)");
$('.img_bg_p1').css("color", "#CCCCCC");
$('.img_bg_p2').css("color", "#CCCCCC");
$('.img_btn p').css("color", "#FFFFFF");
$('.img_btn p').html('活动结束')
$('.box_content_t').hide()
$('.img_btn').css("background-image", "url(http://acitvityimage.oytour.com/activity/nobuy_btn.png)");
$('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
$('.dataStatistics').css('display', "none");
$('.deta_replace').css('display', "flex");
......@@ -461,19 +461,19 @@
} else {
$('.img_btn p').html('去使用');
$(".received_img").css('display', "block");
$('.img_btn').css("background-image", "url(http://acitvityimage.oytour.com/activity/buy_btn.png)");
$('.img_btn').css("background-image", "url(../images/buy_btn.png)");
}
} else {
// $(".received_img").attr("src", "");
$('.img_bg_M').css("background-image", "url(http://acitvityimage.oytour.com/activity/MJ_200@3x.png)");
$('.img_bg_M').css("background-image", "url(../images/MJ_200@3x.png)");
$('.img_bg_p1').css("color", "#CCCCCC");
$('.img_bg_p2').css("color", "#CCCCCC");
$('.img_btn p').css("color", "#FFFFFF");
$('.img_btn p').html('活动结束')
$('.box_content_t').hide()
$('.img_btn').css("background-image", "url(http://acitvityimage.oytour.com/activity/nobuy_btn.png)");
$('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
$('.dataStatistics').css('display', "none");
$('.deta_replace').css('display', "flex");
$('#notice').css('display', "block");
......@@ -734,7 +734,7 @@
let nowDate = new Date(res.data.currentTime.replace('T', ' ').replace(/-/g, '/')).getTime(); //服务器时间
let nextActivity = res.data.nextActivity;
let nextAc = false;
if(nextActivity != null){
if (nextActivity != null) {
nextAc = true
}
......@@ -750,7 +750,7 @@
count: res.data.count, //判断是否可以抢购 0为不可以
activityStartDate: activityStartDate,
activityEndDate: activityEndDate,
nextAc:nextAc
nextAc: nextAc
}); //刚进入页面不执行动画
......@@ -790,7 +790,7 @@
$('#t4').html('日');
$('#t5').html('点整');
$('.img_btn p').html('立即抢购');
$('.img_btn').css("background-image", "url(http://acitvityimage.oytour.com/activity/nobuy_btn.png)");
$('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
$('.img_btn p').css("color", "#FFFFFF");
// $(".received_img").attr("src", "");
......@@ -800,13 +800,13 @@
} else if (nowDate > activityEndDate || res.data.activityIsEnding == 1) { // 活动时间已过
// $(".received_img").attr("src", "");
$('.img_bg_M').css("background-image", "url(http://acitvityimage.oytour.com/activity/MJ_200@3x.png)");
$('.img_bg_M').css("background-image", "url(../images/MJ_200@3x.png)");
$('.img_bg_p1').css("color", "#CCCCCC");
$('.img_bg_p2').css("color", "#CCCCCC");
$('.img_btn p').css("color", "#FFFFFF");
$('.img_btn p').html('活动结束')
$('.box_content_t').hide()
$('.img_btn').css("background-image", "url(http://acitvityimage.oytour.com/activity/nobuy_btn.png)");
$('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
$('.dataStatistics').css('display', "none");
$('.deta_replace').css('display', "flex");
......@@ -829,19 +829,19 @@
} else {
$('.img_btn p').html('去使用');
$(".received_img").css('display', "block");
$('.img_btn').css("background-image", "url(http://acitvityimage.oytour.com/activity/buy_btn.png)");
$('.img_btn').css("background-image", "url(../images/buy_btn.png)");
}
} else {
// $(".received_img").attr("src", "");
$('.img_bg_M').css("background-image", "url(http://acitvityimage.oytour.com/activity/MJ_200@3x.png)");
$('.img_bg_M').css("background-image", "url(../images/MJ_200@3x.png)");
$('.img_bg_p1').css("color", "#CCCCCC");
$('.img_bg_p2').css("color", "#CCCCCC");
$('.img_btn p').css("color", "#FFFFFF");
$('.img_btn p').html('活动结束')
$('.box_content_t').hide()
$('.img_btn').css("background-image", "url(http://acitvityimage.oytour.com/activity/nobuy_btn.png)");
$('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
$('.dataStatistics').css('display', "none");
$('.deta_replace').css('display', "flex");
$('#notice').css('display', "block");
......
html/Rushbuy.html
View file @ 7662b8dc
......@@ -18,7 +18,7 @@
.main {
width: 100%;
height: 100%;
background: url(http://acitvityimage.oytour.com/activity/gongxi4.jpg) no-repeat;
background: url(../images/gongxi4.jpg) no-repeat;
background-size: 100%;
background-color: #8d54cc;
position: relative;
......@@ -59,7 +59,7 @@
position: absolute;
left: 18%;
bottom: 15%;
background: url(http://acitvityimage.oytour.com/activity/gongxi22.png);
background: url(../images/gongxi22.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position-x: center;
......@@ -204,17 +204,17 @@
<body>
<div class="main">
<div class="box">
<img class="hongbao" src="http://acitvityimage.oytour.com/activity/gongxi1.png">
<img class="hongbao" src="../images/gongxi1.png">
<span id="RushbuyTime"></span>
<div class="anniu">
</div>
<!-- <img class="anniu" src="http://acitvityimage.oytour.com/activity/gongxi2.png"> -->
<!-- <img class="anniu" src="../images/gongxi2.png"> -->
</div>
<div class="readXieyi">
<div class="rushNocheck"></div>
<div class="rushNocheckTwo">
<img src="http://acitvityimage.oytour.com/activity/xyck.png" alt="" />
<img src="../images/xyck.png" alt="" />
</div>
<span>我已阅读并同意</span><span class="benciXieyi">《本次活动说明》</span>
</div>
......
html/coupons.html
View file @ 7662b8dc
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="span/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="divport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta name="divport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta name="screen-orientation" content="portrait">
</meta>
<meta name="x5-orientation" content="portrait">
......@@ -11,161 +11,209 @@
<title>我的优惠券</title>
</head>
<style>
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, spanarea, p, blockquote, th, td {
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
spanarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
.coupons_page{
width:100%;
min-height:100%;
padding-bottom:3rem;
background-color:#F8F5F5;
.coupons_page {
width: 100%;
min-height: 100%;
padding-bottom: 3rem;
background-color: #F8F5F5;
}
.coupons_title{
width:100%;
.coupons_title {
width: 100%;
display: flex;
font-size:2rem;
font-size: 2rem;
position: relative;
height:6rem;
color:#000000;
height: 6rem;
color: #000000;
align-items: center;
border:0;
border: 0;
background-color: #fff;
box-shadow: 0 7px 16px -7px #d1d1d1;
}
.coupons_Top{
width:100%;
height:8rem;
.coupons_Top {
width: 100%;
height: 8rem;
text-align: center;
font-size:2.3rem;
font-size: 2.3rem;
line-height: 8rem;
color:#000000;
color: #000000;
background-color: #fff;
}
.coupons_Top img{
.coupons_Top img {
position: relative;
left:3rem;
top:3rem;
float:left;
left: 3rem;
top: 3rem;
float: left;
}
.coupons_Navone{
width:20%;
.coupons_Navone {
width: 20%;
position: relative;
text-align: left;
padding-left:3rem;
padding-left: 3rem;
line-height: 6rem;
}
.arrow_down {
width:0;
height:0;
position:absolute;
right:2rem;
top:3rem;
border-left:0.6rem solid transparent;
border-right:0.6rem solid transparent;
border-top:0.6rem solid #666666;
}
.coupons_NavTwo{
width:80%;
width: 0;
height: 0;
position: absolute;
right: 2rem;
top: 3rem;
border-left: 0.6rem solid transparent;
border-right: 0.6rem solid transparent;
border-top: 0.6rem solid #666666;
}
.coupons_NavTwo {
width: 80%;
display: flex;
align-items: center;
}
.coupons_NavTwo>div{
.coupons_NavTwo>div {
flex-grow: 1;
text-align: center;
line-height: 6rem;
}
.coupons_tyList{
.coupons_tyList {
position: absolute;
width:100%;
padding-bottom:2rem;
width: 100%;
padding-bottom: 2rem;
background-color: #fff;
box-shadow: 0 7px 16px -7px #d1d1d1;
top:6.1rem;
top: 6.1rem;
display: flex;
flex-wrap: wrap;
display: none;
z-index:999;
z-index: 999;
}
.coupons_tyList span{
.coupons_tyList span {
display: inline-block;
background-color: #EEEEEE;
color:#000000;
width:11rem;
height:5rem;
color: #000000;
width: 11rem;
height: 5rem;
text-align: center;
line-height: 5rem;
border-radius: 1rem;
margin:2rem 1.9rem 0;
margin: 2rem 1.9rem 0;
}
.coupons_tyList span:nth-child(4n+4){
margin-right:0;
.coupons_tyList span:nth-child(4n+4) {
margin-right: 0;
}
.bd_right{
.bd_right {
position: absolute;
width:1px;
height:2.5rem;
right:0;
top:2rem;
width: 1px;
height: 2.5rem;
right: 0;
top: 2rem;
background-color: #CFCFCF;
}
.coupons_Content{
width:100%;
.coupons_Content {
width: 100%;
/* height:87.2%;
overflow: scroll; */
}
.coupons_List{
width:80%;
height:16rem;
.coupons_List {
width: 80%;
height: 16rem;
background-color: #fff;
border-radius: 3rem;
margin:3rem auto;
margin: 3rem auto;
display: flex;
padding:0 3rem;
padding: 0 3rem;
align-items: center;
position: relative;
}
.Coupon_leftImg{
.Coupon_leftImg {
position: relative;
color:#fff;
color: #fff;
}
.Coupon_leftImg img{
width:12rem;
.Coupon_leftImg img {
width: 12rem;
}
.dikouPrice{
position:absolute;
top:1.5rem;
left:3.5rem;
font-size:4rem;
.dikouPrice {
position: absolute;
top: 1.5rem;
left: 3.5rem;
font-size: 4rem;
}
.dikouPrice span{
font-size:2rem;
.dikouPrice span {
font-size: 2rem;
}
.dikouName{
.dikouName {
position: absolute;
bottom:2rem;
left:3rem;
font-size:2rem;
bottom: 2rem;
left: 3rem;
font-size: 2rem;
}
.Coupon_right{
height:12rem;
margin-left:2rem;
.Coupon_right {
height: 12rem;
margin-left: 2rem;
}
.Coupon_rightOne{
font-size:2rem;
color:#000000;
.Coupon_rightOne {
font-size: 2rem;
color: #000000;
}
.Coupon_gty{
.Coupon_gty {
display: inline-block;
padding:0.2rem 0.8rem;
margin-left:1rem;
}
.Coupon_xianlu{
width:26rem;
font-size:1.8rem;
margin-top:1rem;
height:5rem;
color:#666666;
padding: 0.2rem 0.8rem;
margin-left: 1rem;
}
.Coupon_xianlu {
width: 26rem;
font-size: 1.8rem;
margin-top: 1rem;
height: 5rem;
color: #666666;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
......@@ -174,138 +222,175 @@
line-clamp: 2;
-webkit-box-orient: vertical;
}
.Coupon_Time{
font-size:1.8rem;
color:#C2C2C2;
margin-top:1rem;
.Coupon_Time {
font-size: 1.8rem;
color: #C2C2C2;
margin-top: 1rem;
}
.goToUse{
.goToUse {
position: absolute;
width:9rem;
width: 9rem;
outline: none;
border-radius:1rem;
border:0;
font-size:2rem;
font:2rem;
right:2rem;
color:#fff;
}
.gtyTitle{
border-radius: 1rem;
border: 0;
font-size: 2rem;
font: 2rem;
right: 2rem;
color: #fff;
}
.gtyTitle {
background-color: #61DCD4;
color:#1D9890;
color: #1D9890;
}
.zyxTitle{
.zyxTitle {
background-color: #FD7F56;
color:#D4542A;
color: #D4542A;
}
.mpTitle{
.mpTitle {
background-color: #6AA8F9;
color:#3C67A0;
color: #3C67A0;
}
.ddyTitle{
.ddyTitle {
background-color: #F36C9B;
color:#CC3C6E;
color: #CC3C6E;
}
.dzyTitle{
.dzyTitle {
background-color: #18B8ED;
color:#2884A3;
color: #2884A3;
}
.qzTitle{
.qzTitle {
background-color: #E9EB33;
color:#B8A313;
color: #B8A313;
}
.jpTitle{
.jpTitle {
background-color: #FF9600;
color:#BA6E01;
color: #BA6E01;
}
.meishiTitle{
.meishiTitle {
background-color: #1FC13E;
color:#378F47;
color: #378F47;
}
.ygqTitle{
.ygqTitle {
background-color: #E0E0E0;
color:#9E9E9E;
color: #9E9E9E;
}
.gtyUse{
background-color: #26C6A5; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #26C6A5 , #61DCD4);
.gtyUse {
background-color: #26C6A5;
/* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #26C6A5, #61DCD4);
}
.zyxUse{
background-color: #FD7F56; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #FD7F56 , #FFC291);
.zyxUse {
background-color: #FD7F56;
/* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #FD7F56, #FFC291);
}
.mpUse{
background-color: #3C67A0; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #3C67A0 , #88ADDD);
.mpUse {
background-color: #3C67A0;
/* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #3C67A0, #88ADDD);
}
.ddyUse{
background-color: #F36C9B; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #F36C9B , #FEA7C6);
.ddyUse {
background-color: #F36C9B;
/* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #F36C9B, #FEA7C6);
}
.dzyUse{
background-color: #18B8ED; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #18B8ED , #89D6EF);
.dzyUse {
background-color: #18B8ED;
/* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #18B8ED, #89D6EF);
}
.qzUse{
background-color: #EBD333; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #EBD333 , #EBF38C);
.qzUse {
background-color: #EBD333;
/* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #EBD333, #EBF38C);
}
.jpUse{
background-color: #FF9600; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #FF9600 , #FFC600);
.jpUse {
background-color: #FF9600;
/* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #FF9600, #FFC600);
}
.meishiUse{
background-color: #1FC13E; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #1FC13E , #5AE19A);
.meishiUse {
background-color: #1FC13E;
/* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #1FC13E, #5AE19A);
}
.ygqUse{
background-color: #C9C9C9; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #C9C9C9 , #E1E1E1);
.ygqUse {
background-color: #C9C9C9;
/* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #C9C9C9, #E1E1E1);
}
.goToDownLoad{
.goToDownLoad {
position: fixed;
right:0;
bottom:20rem;
right: 0;
bottom: 20rem;
}
.goToDownLoad div{
.goToDownLoad div {
position: relative;
}
.goToDownLoad span{
.goToDownLoad span {
position: absolute;
font-size:2rem;
top:2.5rem;
left:8rem;
color:#fff;
font-size: 2rem;
top: 2.5rem;
left: 8rem;
color: #fff;
}
.goToDownLoad span img{
margin-left:1rem;
.goToDownLoad span img {
margin-left: 1rem;
}
.downloadImg{
width:27rem;
.downloadImg {
width: 27rem;
}
.Coupons_active{
color:#EE4454;
.Coupons_active {
color: #EE4454;
}
.layui-layer-content{
font-size:1.8rem!important;
padding:2rem 1rem!important;
.layui-layer-content {
font-size: 1.8rem!important;
padding: 2rem 1rem!important;
}
.activeClick{
.activeClick {
background-color: #FCDADD!important;
color:#EE4454!important;
color: #EE4454!important;
}
.zanwu{
width:100%;
text-align:center;
margin-top:2rem;
.zanwu {
width: 100%;
text-align: center;
margin-top: 2rem;
}
.zanwurenhe{
width:100%;
text-align:center;
margin-top:1rem;
font-size:2rem;
.zanwurenhe {
width: 100%;
text-align: center;
margin-top: 1rem;
font-size: 2rem;
}
</style>
......@@ -380,9 +465,9 @@
</div>
<div class="goToDownLoad">
<div>
<img class="downloadImg" src="http://acitvityimage.oytour.com/activity/godownload.png" alt=""/>
<img class="downloadImg" src="../images/godownload.png" alt="" />
<span onclick="goDownLoad()">
下载同业App使用<img src="http://acitvityimage.oytour.com/activity/arrowR.png" alt=""/>
下载同业App使用<img src="../images/arrowR.png" alt=""/>
</span>
</div>
</div>
......@@ -394,44 +479,44 @@
<script src="../js/md5.js"></script>
<script>
$(function(){
pushHistory();
　　　　window.addEventListener("popstate", function(e) {
　　　　//根据自己的需求实现自己的功能
window.location.href = 'https://activity.oytour.com/html/GT_activities.html';
　　}, false);
　　function pushHistory() {
　　　　var state = {
　　　　title: "title",
　　　　url: "#"
　　};
　　　　window.history.pushState(state, "title", "#");
　　}
$(document).click(function(e){
$(function() {
pushHistory();　　　　
window.addEventListener("popstate", function(e) {　　　　 //根据自己的需求实现自己的功能
window.location.href = 'https://activity.oytour.com/html/GT_activities.html';　　
}, false);　　
function pushHistory() {　　　　
var state = {　　　　
title: "title",
　　　　url: "#"　　
};　　　　
window.history.pushState(state, "title", "#");　　
}
$(document).click(function(e) {
var target = $(e.target);
if(target.closest(".coupons_Navone").length != 0) return;
if (target.closest(".coupons_Navone").length != 0) return;
$(".coupons_tyList").slideUp();
});
$(".coupons_tyList").click(function(event){
$(".coupons_tyList").click(function(event) {
event.stopPropagation();
});
$(".coupons_tyList span").click(function(){
$(".coupons_tyList span").click(function() {
$(this).addClass('activeClick').siblings().removeClass('activeClick');
$('.coupons_tyList').slideToggle(300);
$('.useType').html($(this).html());
$('.coupons_NavTwo div:first-child').addClass('Coupons_active').siblings().removeClass('Coupons_active');
})
$('.coupons_NavTwo div').click(function(){
$('.coupons_NavTwo div').click(function() {
$(this).addClass('Coupons_active').siblings().removeClass('Coupons_active');
})
getAllTicket(0,'',1);
getAllTicket(0, '', 1);
})
function showList(){
function showList() {
$('.coupons_tyList').slideToggle(300);
}
//获取所有优惠券
function getAllTicket(couponsUseScope,couponsType,couponEffectStatus){
let msg={
function getAllTicket(couponsUseScope, couponsType, couponEffectStatus) {
let msg = {
pageIndex: 1,
pageSize: 1000,
useState: 1,
......@@ -450,46 +535,46 @@
contentType: "application/json",
data: getAjaxData('getUserCouponAllotList', msg),
async: false,
success: function (res) {
success: function(res) {
if (res.resultCode === 1) {
let dataArr=res.data.pageData;
let str='';
if(dataArr.length>0){
for(var i=0;i<dataArr.length;i++){
str+=`<div class="coupons_List">
let dataArr = res.data.pageData;
let str = '';
if (dataArr.length > 0) {
for (var i = 0; i < dataArr.length; i++) {
str += `<div class="coupons_List">
<div class="Coupon_leftImg">`
if(dataArr[i].couponsUseScope==1){
str+=` <img src="../images/login/gty.png" alt=""/>`
if (dataArr[i].couponsUseScope == 1) {
str += ` <img src="../images/login/gty.png" alt=""/>`
}
if(dataArr[i].couponsUseScope==2){
str+=` <img src="../images/login/gty.png" alt=""/>`
if (dataArr[i].couponsUseScope == 2) {
str += ` <img src="../images/login/gty.png" alt=""/>`
}
if(dataArr[i].couponsUseScope==7){
str+=` <img src="../images/login/zyx.png" alt=""/>`
if (dataArr[i].couponsUseScope == 7) {
str += ` <img src="../images/login/zyx.png" alt=""/>`
}
if(dataArr[i].couponsUseScope==8){
str+=` <img src="../images/login/ddy.png" alt=""/>`
if (dataArr[i].couponsUseScope == 8) {
str += ` <img src="../images/login/ddy.png" alt=""/>`
}
if(dataArr[i].couponsUseScope==5){
str+=` <img src="../images/login/mp.png" alt=""/>`
if (dataArr[i].couponsUseScope == 5) {
str += ` <img src="../images/login/mp.png" alt=""/>`
}
if(dataArr[i].couponsUseScope==11){
str+=` <img src="../images/login/dzy.png" alt=""/>`
if (dataArr[i].couponsUseScope == 11) {
str += ` <img src="../images/login/dzy.png" alt=""/>`
}
if(dataArr[i].couponsUseScope==10){
str+=` <img src="../images/login/meishi.png" alt=""/>`
if (dataArr[i].couponsUseScope == 10) {
str += ` <img src="../images/login/meishi.png" alt=""/>`
}
if(dataArr[i].couponsUseScope==3){
str+=` <img src="../images/login/qz.png" alt=""/>`
if (dataArr[i].couponsUseScope == 3) {
str += ` <img src="../images/login/qz.png" alt=""/>`
}
if(dataArr[i].couponsUseScope==4){
str+=` <img src="../images/login/jp.png" alt=""/>`
if (dataArr[i].couponsUseScope == 4) {
str += ` <img src="../images/login/jp.png" alt=""/>`
}
if(dataArr[i].couponEffectStatus==3){
str+=` <img src="../images/login/guoqi.png" alt=""/>`
if (dataArr[i].couponEffectStatus == 3) {
str += ` <img src="../images/login/guoqi.png" alt=""/>`
}
str+=`<div class="dikouPrice">
str += `<div class="dikouPrice">
<span>¥</span>${dataArr[i].denomination}
</div>
<div class="dikouName">折扣券</div>
......@@ -505,48 +590,49 @@
<div class="Coupon_Time">
${getDate(dataArr[i].effectDate)} - ${getDate(dataArr[i].expirationDate)}
</div>`
str+=`</div>`
if(dataArr[i].fromPlatform==0){
str+=`<img class="goToUse" src="../images/login/all.png"/>`
str += `</div>`
if (dataArr[i].fromPlatform == 0) {
str += `<img class="goToUse" src="../images/login/all.png"/>`
}
if(dataArr[i].fromPlatform==1){
str+=`<img class="goToUse" src='../images/login/app.png'/>`
if (dataArr[i].fromPlatform == 1) {
str += `<img class="goToUse" src='../images/login/app.png'/>`
}
if(dataArr[i].fromPlatform==2){
str+=`<img class="goToUse" src='../images/login/xcx.png'/>`
if (dataArr[i].fromPlatform == 2) {
str += `<img class="goToUse" src='../images/login/xcx.png'/>`
}
if(dataArr[i].fromPlatform==3){
str+=`<img class="goToUse" src='../images/login/pc.png'/>`
if (dataArr[i].fromPlatform == 3) {
str += `<img class="goToUse" src='../images/login/pc.png'/>`
}
str+=`</div>`
str += `</div>`
}
}else{
str+=`<div class="zanwu">
} else {
str += `<div class="zanwu">
<img src="../images/login/zanwu.png" alt=""/>
<div class="zanwurenhe">暂无任何优惠券</div>
</div>`
}
$('.coupons_Content').html(str);
}else{
} else {
layer.msg('登录已过期，请重新登录');
setTimeout(function(){
setTimeout(function() {
localStorage.removeItem("u");
window.location.href = 'https://activity.oytour.com/html/login.html';
},2000)
}, 2000)
}
},
error: function (res) {
error: function(res) {
layer.msg(res.message);
}
});
}
//格式化日期
function getDate(date){
function getDate(date) {
return date.split(' ')[0];
}
//跳转至下载
function goDownLoad(){
function goDownLoad() {
window.location.href = 'https://activity.oytour.com/html/downloadApp.html';
}
</script>
</html>
\ No newline at end of file
html/login.html
View file @ 7662b8dc
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="span/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="divport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta name="divport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta name="screen-orientation" content="portrait">
</meta>
<meta name="x5-orientation" content="portrait">
......@@ -11,66 +11,96 @@
<title>登录</title>
</head>
<style>
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, spanarea, p, blockquote, th, td {
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
spanarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
.login_page{
.login_page {
position: relative;
height: 100%;
background-color: #FFFFFF;
background-image: url('http://acitvityimage.oytour.com/activity/login_bg.jpg');
background-size:cover;
background-image: url('../images/login_bg.jpg');
background-size: cover;
}
.login_page .page__bd{
.login_page .page__bd {
position: relative;
z-index: 2;
padding-top: 33rem;
}
.login_page .header{
.login_page .header {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
.login_page .header_span{
font-size:3rem;
color:#EE4454;
margin-top:0.5rem;
.login_page .header_span {
font-size: 3rem;
color: #EE4454;
margin-top: 0.5rem;
}
.login_page .header_image{
.login_page .header_image {
width: 10rem;
height: 10rem;
}
.login_page .headBg{
.login_page .headBg {
position: relative;
width: 54rem;
height: 50rem;
margin: 0 auto;
}
.login_page .headBgImg{
.login_page .headBgImg {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.login_page .form{
.login_page .form {
margin: 6rem 0 0 0;
padding: 0 6rem;
}
.login_page .form_item1{
.login_page .form_item1 {
width: 100%;
height: 6rem;
display: flex;
align-items: center;
}
.login_page .form_item2{
.login_page .form_item2 {
margin: 3rem 0 0 0;
width: 100%;
height: 6rem;
......@@ -78,7 +108,7 @@
align-items: center;
}
.login_page .form_item_icoBox{
.login_page .form_item_icoBox {
flex-shrink: 0;
display: flex;
justify-content: center;
......@@ -89,12 +119,12 @@
border-radius: 50%;
}
.login_page .form_item_ico{
width:2.5rem;
height:2.5rem
.login_page .form_item_ico {
width: 2.5rem;
height: 2.5rem
}
.login_page .form_item_inBox{
.login_page .form_item_inBox {
margin: 0 0 0 10px;
flex-grow: 1;
display: flex;
......@@ -103,124 +133,142 @@
border-bottom: 1px solid #666666;
}
.login_page .form_item_input{
.login_page .form_item_input {
flex-grow: 1;
font-size: 14px;
color: #333333;
text-align: left;
padding-left: 5rem;
height: 4rem;
border:0;
border: 0;
outline: 0;
font-size:2rem;
margin-top:1rem;
font-size: 2rem;
margin-top: 1rem;
}
.login_page .login_Zh{
font-size:2rem;
margin:0.5rem 0 0 0.8rem;
color:#111111;
.login_page .login_Zh {
font-size: 2rem;
margin: 0.5rem 0 0 0.8rem;
color: #111111;
}
input::-webkit-input-placeholder { /* WebKit browsers */
color:#CCCCCC;
input::-webkit-input-placeholder {
/* WebKit browsers */
color: #CCCCCC;
}
.login_page .login_btn{
margin:0 auto;
.login_page .login_btn {
margin: 0 auto;
font-size: 2rem;
color: #FFFFFF;
background-color: #C2D6F2;
width:17rem;
height:6rem;
line-height:6rem;
width: 17rem;
height: 6rem;
line-height: 6rem;
outline: none;
border:0;
border: 0;
border-radius: 4rem;
position: absolute;
bottom:-1rem;
left:50%;
margin-left:-8.5rem;
background:rgba(238,68,84,1);
box-shadow:0px 6px 6px 0px rgba(139,139,139,0.25);
}
.login_page .jihuoDiv{
margin-top:6rem;
text-align:center;
font-size:2rem;
color:#999;
}
.login_page .jilijihuo{
color:#EE4454;
}
.login_page .login_xieyi{
bottom: -1rem;
left: 50%;
margin-left: -8.5rem;
background: rgba(238, 68, 84, 1);
box-shadow: 0px 6px 6px 0px rgba(139, 139, 139, 0.25);
}
.login_page .jihuoDiv {
margin-top: 6rem;
text-align: center;
font-size: 2rem;
color: #999;
}
.login_page .jilijihuo {
color: #EE4454;
}
.login_page .login_xieyi {
position: absolute;
bottom:3rem;
font-size:2rem;
width:100%;
z-index:99;
bottom: 3rem;
font-size: 2rem;
width: 100%;
z-index: 99;
text-align: center;
color:#111111;
color: #111111;
}
.login_page .login_xieyi span:last-child{
color:#EE4454;
.login_page .login_xieyi span:last-child {
color: #EE4454;
text-decoration: underline;
}
.form_validate_input{
.form_validate_input {
color: #333333;
text-align: left;
padding-left: 3rem;
height: 4rem;
width:16rem;
width: 16rem;
border: 0;
outline: 0;
font-size: 2rem;
margin-top: 1rem;
}
.login_yzm{
font-size:2rem;
color:#EE4454;
display:inline-block;
padding:0 2rem;
border-left:1px solid #666666;
.login_yzm {
font-size: 2rem;
color: #EE4454;
display: inline-block;
padding: 0 2rem;
border-left: 1px solid #666666;
}
.login_jihuo,.login_Agreement{
.login_jihuo,
.login_Agreement {
display: none;
}
.login_Agreement{
width:100%;
height:100%;
.login_Agreement {
width: 100%;
height: 100%;
}
.boxcenter{
padding:0 2rem;
.boxcenter {
padding: 0 2rem;
}
.login_Agreement .boxcenter h1 {
font-size: 2.3rem;
margin-top: 3rem;
line-height: 4rem;
}
.login_Agreement .boxcenter span {
font-size: 2rem;
display: inline-block;
margin-top: 1rem;
line-height: 4rem;
}
.login_AgreeTitle{
width:100%;
height:8rem;
.login_AgreeTitle {
width: 100%;
height: 8rem;
text-align: center;
font-size:2.3rem;
font-size: 2.3rem;
line-height: 8rem;
border:0;
border: 0;
box-shadow: 0px 0px 20px #d1d1d1;
}
.login_AgreeTitle img{
.login_AgreeTitle img {
position: relative;
left:3rem;
top:3rem;
float:left;
left: 3rem;
top: 3rem;
float: left;
}
.layui-layer-content{
font-size:1.8rem!important;
padding:2rem 1rem!important;
.layui-layer-content {
font-size: 1.8rem!important;
padding: 2rem 1rem!important;
}
</style>
......@@ -229,22 +277,22 @@
<div class="login_denglu">
<div class='page__bd'>
<div class="headBg">
<img class="headBgImg" src="http://acitvityimage.oytour.com/activity/login_content.png"/>
<img class="headBgImg" src="../images/login_content.png" />
<div class='header'>
<img class='header_image' src='http://acitvityimage.oytour.com/activity/login_elp.png'>
<img class='header_image' src='../images/login_elp.png'>
<span class='header_span'>Welcome</span>
</div>
<div class='form'>
<div class='form_item1'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='http://acitvityimage.oytour.com/activity/ico_lock1.png'/>
<img class='form_item_ico' src='../images/ico_lock1.png' />
<span class="login_Zh">账号</span>
<input class='form_item_input' id="UserAccount" type='number' placeholder="请输入手机号"></input>
</div>
</div>
<div class='form_item2'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='http://acitvityimage.oytour.com/activity/ico_lock2.png'/>
<img class='form_item_ico' src='../images/ico_lock2.png' />
<span class="login_Zh">密码</span>
<input class='form_item_input' id="passWord" type="password" placeholder="请输入密码"></input>
</div>
......@@ -265,29 +313,29 @@
<div class="login_jihuo">
<div class='page__bd'>
<div class="headBg" style="height:60rem;">
<img class="headBgImg" src="http://acitvityimage.oytour.com/activity/login_content.png"/>
<img class="headBgImg" src="../images/login_content.png" />
<div class='header'>
<img class='header_image' src='http://acitvityimage.oytour.com/activity/login_elp.png'>
<img class='header_image' src='../images/login_elp.png'>
<span class='header_span'>Welcome</span>
</div>
<div class='form'>
<div class='form_item1'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='http://acitvityimage.oytour.com/activity/ico_lock1.png'/>
<img class='form_item_ico' src='../images/ico_lock1.png' />
<span class="login_Zh">账号</span>
<input class='form_item_input' type='number' id="Activation_Account" placeholder="请输入手机号"></input>
</div>
</div>
<div class='form_item2'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='http://acitvityimage.oytour.com/activity/ico_lock2.png'/>
<img class='form_item_ico' src='../images/ico_lock2.png' />
<span class="login_Zh">密码</span>
<input class='form_item_input' type="password" id="Activation_password" placeholder="请输入密码"></input>
</div>
</div>
<div class='form_item2'>
<div class='form_item_inBox'>
<img class='form_item_ico' src='http://acitvityimage.oytour.com/activity/ico_yzm.png' style="margin-top:1rem;"/>
<img class='form_item_ico' src='../images/ico_yzm.png' style="margin-top:1rem;" />
<span class="login_Zh">验证码</span>
<input class='form_validate_input' id="Activation_valicode" placeholder="请输入验证码"></input>
<span class="login_yzm" onclick="getCode()">发送验证码</span>
......@@ -304,7 +352,7 @@
</div>
<div class="login_Agreement">
<div class="login_AgreeTitle">
<img onclick="gobackLogin()" src="http://acitvityimage.oytour.com/activity/login_arrowleft.jpg"/> 用户协议
<img onclick="gobackLogin()" src="../images/login_arrowleft.jpg" /> 用户协议
</div>
<div class="boxcenter">
<h1>《用户协议和法律协议》 本协议为您与本APP管理者之间所订立的契约，具有合同的法律效力，请您仔细阅读。</h1>
......@@ -331,46 +379,62 @@
<script type="text/javascript" src="../js/mian.js"></script>
<script src="../js/md5.js"></script>
<script>
if(localStorage.u){
if (localStorage.u) {
let userInfo = {}
try{
userInfo=JSON.parse(localStorage.u);
if(userInfo.customerId){
try {
userInfo = JSON.parse(localStorage.u);
if (userInfo.customerId) {
window.location.href = 'https://activity.oytour.com/html/GT_activities.html';
}
}catch (e) {
} catch (e) {
window.location.href = 'https://activity.oytour.com/html/login.html';
}
}
//跳转至激活
function goJihuo(){
$(".login_denglu").css({'display':'none'});
$(".login_jihuo").css({'display':'block'});
function goJihuo() {
$(".login_denglu").css({
'display': 'none'
});
$(".login_jihuo").css({
'display': 'block'
});
}
//跳转回登录
function backToLogin(){
$(".login_denglu").css({'display':'block'});
$(".login_jihuo").css({'display':'none'});
function backToLogin() {
$(".login_denglu").css({
'display': 'block'
});
$(".login_jihuo").css({
'display': 'none'
});
}
//登录到服务条款
function goFuwutiaokuan(){
$(".login_page").css({'display':'none'});
$(".login_Agreement").css({'display':'block'});
function goFuwutiaokuan() {
$(".login_page").css({
'display': 'none'
});
$(".login_Agreement").css({
'display': 'block'
});
}
//条款返回登录
function gobackLogin(){
$(".login_page").css({'display':'block'});
$(".login_Agreement").css({'display':'none'});
function gobackLogin() {
$(".login_page").css({
'display': 'block'
});
$(".login_Agreement").css({
'display': 'none'
});
}
//点击登录
function user_login(){
function user_login() {
let UserAccount = $("#UserAccount").val();
let passWord = $("#passWord").val();
if(UserAccount==''){
if (UserAccount == '') {
layer.msg('请输入账号');
return;
}
if(passWord==''){
if (passWord == '') {
layer.msg('请输入密码');
return;
}
......@@ -381,18 +445,18 @@
Login(msg)
}
//登录
function Login(msg){
function Login(msg) {
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData('b2b_post_Login', msg),
async: false,
success: function (res) {
success: function(res) {
if (res.resultCode === 1) {
layer.msg(res.message);
//存localstorage
let userInfo ={
let userInfo = {
customerId: res.data.customerId,
accountId: res.data.accountId,
token: res.data.token,
......@@ -401,27 +465,27 @@
localStorage.u = JSON.stringify(userInfo)
window.location.href = 'https://activity.oytour.com/html/GT_activities.html';
//window.location.href='http://127.0.0.1:5500/html/GT_activities.html';
}else{
} else {
layer.msg(res.message);
}
},
error: function (res) {
error: function(res) {
layer.msg(res.message);
}
});
}
//发送验证码
function getCode(){
function getCode() {
var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;
//电话
let phone=$('#Activation_Account').val();
let phone = $('#Activation_Account').val();
if (!phoneReg.test(phone)) {
layer.msg("请输入有效的手机号码！");
return false;
}
const TIME_COUNT = 60;
let isSend=false;
$('.login_yzm').html='';
let isSend = false;
$('.login_yzm').html = '';
if (!this.timer) {
this.count = TIME_COUNT;
$('.login_yzm').html(TIME_COUNT);
......@@ -429,8 +493,8 @@
this.timer = setInterval(() => {
if (this.count > 0 && this.count <= TIME_COUNT) {
this.count--;
$('.login_yzm').html(count+'s重新发送');
isSend=false;
$('.login_yzm').html(count + 's重新发送');
isSend = false;
} else {
clearInterval(this.timer);
$('.login_yzm').html('发送验证码');
......@@ -440,41 +504,41 @@
}
let msg = {
mobileNumber: $('#Activation_Account').val(),
mobileCodeType:1
mobileCodeType: 1
};
if(isSend){
if (isSend) {
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData('user_get_moblieNumber_code', msg),
async: false,
success: function (res) {
success: function(res) {
if (res.resultCode === 1) {
layer.msg(res.message);
}
},
error: function (res) {
error: function(res) {
layer.msg(res.message);
}
});
}
}
//点击激活
function Activation(){
if ($('#Activation_Account').val() == ""){
function Activation() {
if ($('#Activation_Account').val() == "") {
layer.msg('请输入账号！');
return
}
if ($('#Activation_password').val() == ""){
if ($('#Activation_password').val() == "") {
layer.msg('请输入密码！');
return
}
if ($('#Activation_valicode').val() == ""){
if ($('#Activation_valicode').val() == "") {
layer.msg('请输入验证码！');
return
}
let activeMsg= {
let activeMsg = {
account: $('#Activation_Account').val(),
mobileNumber: $('#Activation_Account').val(),
password: $('#Activation_password').val(),
......@@ -486,7 +550,7 @@
contentType: "application/json",
data: getAjaxData('b2b_post_AccountActivation', activeMsg),
async: false,
success: function (res) {
success: function(res) {
if (res.resultCode === 1) {
layer.msg(res.message);
let msg = {
......@@ -494,15 +558,15 @@
password: $('#Activation_password').val()
};
Login(msg)
}else{
} else {
layer.msg(res.message);
}
},
error: function (res) {
error: function(res) {
layer.msg(res.message);
}
});
}
</script>
</html>
\ No newline at end of file
html/pay.html
View file @ 7662b8dc
......@@ -155,11 +155,11 @@
</div>
<div class="pay_zhifu">
<img class="pay_one" src="http://acitvityimage.oytour.com/activity/wechat.png" alt="" />
<img class="pay_one" src="../images/wechat.png" alt="" />
<span class="pay_two">微信支付</span>
<div class="pay_three">
<!-- <div class="pay_circle"></div> -->
<img src="http://acitvityimage.oytour.com/activity/checkbox.png" aly="" />
<img src="../images/checkbox.png" aly="" />
</div>
</div>
</div>
......@@ -191,7 +191,9 @@
payBtn = false;
changesecond = '00:00';
$(".daojishi").html(changesecond);
$('.pay_btn').css({'background-color':'gray'});
$('.pay_btn').css({
'background-color': 'gray'
});
$(".pay_btn").attr("disabled", true);
setTimeout("goActive()", 2000);
return;
......@@ -229,11 +231,13 @@
}
return result;
};
function goActive(){
function goActive() {
window.location.href = 'https://activity.oytour.com/html/GT_activities.html';
// window.location.href = 'http://127.0.0.1:5500/html/paySuccess.html';
}
function pay() {
if (!localStorage.openid) {
window.location.href = 'https://activity.oytour.com/html/GT_activities.html';
......
html/paySuccess.html
View file @ 7662b8dc
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="span/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="divport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta name="divport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta name="screen-orientation" content="portrait">
</meta>
<meta name="x5-orientation" content="portrait">
......@@ -13,29 +13,56 @@
<title>支付订单</title>
</head>
<style>
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, spanarea, p, blockquote, th, td {
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
spanarea,
p,
blockquote,
th,
td {
margin: 0;
padding: 0;
}
html,body{
height:100%;
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
.paySuccess{
width:100%;
height:100%;
.paySuccess {
width: 100%;
height: 100%;
position: relative;
text-align: center;
background: url('http://acitvityimage.oytour.com/activity/bg.jpg') no-repeat;
background-size:100% 100%;
background: url('../images/bg.jpg') no-repeat;
background-size: 100% 100%;
padding-top: 3.1rem;
box-sizing: border-box;
}
/* */
.img_bg_M .received_img{
.img_bg_M .received_img {
position: absolute;
right: 0.14rem;
top: 0.67rem;
......@@ -43,7 +70,8 @@
height: 0.65rem;
display: none;
}
.img_bg_M{
.img_bg_M {
width: 100%;
height: 2.14rem;
background-image: url(../images/M_200.png);
......@@ -51,21 +79,22 @@
background-repeat: no-repeat;
position: relative;
}
.img_bg_M .imgBtn{
.img_bg_M .imgBtn {
margin-top: 0.08rem;
background: url('http://acitvityimage.oytour.com/activity/buy_btn.png') no-repeat;
background-size:100% 100%;
background: url('../images/buy_btn.png') no-repeat;
background-size: 100% 100%;
padding: 0.09rem 0.12rem;
}
.img_bg_M .ylImg{
.img_bg_M .ylImg {
position: absolute;
right: 0;
bottom: 0;
width: 0.85rem;
}
.use_oupon{
.use_oupon {
width: 3.14rem;
height: 0.4rem;
margin-top: 0.16rem;
......@@ -75,42 +104,48 @@
align-items: center;
justify-content: space-between;
}
.use_news{
.use_news {
display: flex;
flex-direction: row;
align-items: center;
}
.use_news img{
.use_news img {
width: 0.4rem;
height: 0.4rem;
overflow: hidden;
}
.use_news div{
.use_news div {
height: 0.4rem;
margin-left: 0.1rem;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.use_news div p:nth-child(1){
.use_news div p:nth-child(1) {
font-size: 0.12rem;
color: #111111;
text-align:left;
text-align: left;
}
.use_news div p:nth-child(2){
.use_news div p:nth-child(2) {
font-size: 0.1rem;
color: #888888;
width: 1.8rem;
overflow: hidden;
text-align:left;
text-align: left;
}
.click_use p {
font-size: 0.11rem;
color: #E03234;
text-align: center;
line-height: 0.25rem;
}
.click_use {
width: 0.8rem;
height: 0.25rem;
......@@ -127,12 +162,12 @@
有效截止日期：
</p>
<p class="imgBtn" style="font-size: 0.15rem;color: #E03234;">返回活动首页</p>
<img class="ylImg" src="http://acitvityimage.oytour.com/activity/received@3x.png" alt="">
<img class="ylImg" src="../images/received@3x.png" alt="">
</div>
<div class="use_oupon">
<div class="use_news">
<img src="http://acitvityimage.oytour.com/activity/tx_bg.png" alt="">
<img src="../images/tx_bg.png" alt="">
<div>
<p class="use_o"></p>
<p class="use_t"></p>
......@@ -153,19 +188,18 @@
<script type="text/javascript" src="../js/mian.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script>
$(function(){
　　pushHistory();
　　　　window.addEventListener("popstate", function(e) {
　　　　//根据自己的需求实现自己的功能
window.location.href = 'https://activity.oytour.com/html/GT_activities.html';
　　}, false);
　　function pushHistory() {
　　　　var state = {
　　　　title: "title",
　　　　url: "#"
　　};
　　　　window.history.pushState(state, "title", "#");
　　}
$(function() {　　
pushHistory();　　　　
window.addEventListener("popstate", function(e) {　　　　 //根据自己的需求实现自己的功能
window.location.href = 'https://activity.oytour.com/html/GT_activities.html';　　
}, false);　　
function pushHistory() {　　　　
var state = {　　　　
title: "title",
　　　　url: "#"　　
};　　　　
window.history.pushState(state, "title", "#");　　
}
});
let href = window.location.href;
// let href = 'https://127.0.0.1:5500/html/GT_activities.html';
......@@ -173,7 +207,7 @@
let userInfo = {};
let platform='';
let platform = '';
// 判断是app和小程序跳转过来的
if (href.split('?')[1]) {
let param = href.split('?')[1].split("&") ? href.split('?')[1].split("&") : null;
......@@ -184,8 +218,8 @@
secretKey: param[3].split('=')[1]
}
platform = param[4].split('=')[1]
}else{
if (localStorage.u){
} else {
if (localStorage.u) {
userInfo = JSON.parse(localStorage.u);
}
}
......@@ -200,11 +234,11 @@
success: function(res) {
if (res.resultCode === 1) {
// let activityEndDate = res.data.activityEndDate.replace('T', ' ').replace(/-/g, '/'); //活动结束时间
let data=res.data;
let data = res.data;
let activityEndDate = data.activityEndDate.split('T')[0].replace(/-/g, '.'); //活动结束时间
let str="";
str+=`
let str = "";
str += `
<div class="img_bg_text" style="position:relative;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;padding-top: 0.07rem;">
......@@ -236,25 +270,25 @@
})
$('.imgBtn').click(function() {
if(platform=="xcx"){
if (platform == "xcx") {
// window.location.href = `http://127.0.0.1:5500/html/GT_activities.html?customerId=${userInfo.customerId}&accountId=${userInfo.accountId}&token=${userInfo.token}&secretKey=${userInfo.secretKey}&platform=xcx`;
window.location.href = `https://activity.oytour.com/html/GT_activities.html?customerId=${userInfo.customerId}&accountId=${userInfo.accountId}&token=${userInfo.token}&secretKey=${userInfo.secretKey}&platform=xcx`;
}
else{
window.location.href="https://activity.oytour.com/html/GT_activities.html"
} else {
window.location.href = "https://activity.oytour.com/html/GT_activities.html"
}
})
$('.click_use').click(function() {
if(platform=="xcx"){
if (platform == "xcx") {
wx.miniProgram.getEnv(function(res) {
window.wx.miniProgram.navigateTo({
url: `/pages/member/Coupon/Coupon`,
});
});
}else{
window.location.href="https://activity.oytour.com/html/coupons.html"
} else {
window.location.href = "https://activity.oytour.com/html/coupons.html"
}
})
</script>
</html>
\ No newline at end of file
js/jquery.dataStatistics.js
View file @ 7662b8dc
......@@ -12,7 +12,7 @@ $.fn.dataStatistics = function(options) {
activityStartDate: 0,
activityEndDate: 0,
nowDate: 0,
nextAc:false,
nextAc: false,
}, options || {});
var ths = this; //解决this指向问题
......@@ -78,14 +78,14 @@ $.fn.dataStatistics = function(options) {
// $(".received_img").attr("src", "");
$('.img_bg_M').css("background-image", "url(http://acitvityimage.oytour.com/activity/MJ_200@3x.png)");
$('.img_bg_M').css("background-image", "url(../images/MJ_200@3x.png)");
$('.img_bg_p1').css("color", "#CCCCCC");
$('.img_bg_p2').css("color", "#CCCCCC");
$('.img_btn p').css("color", "#FFFFFF");
$('.img_btn p').html('活动结束')
$('.box_content_t').hide()
$('.img_btn').css("background-image", "url(http://acitvityimage.oytour.com/activity/nobuy_btn.png)");
if (options.nextAc == true && $('notice_img').css("display")=="none") { //显示活动预告
$('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
if (options.nextAc == true && $('notice_img').css("display") == "none") { //显示活动预告
$('.dataStatistics').css('display', "none");
$('.deta_replace').css('display', "flex");
$('#notice').css('display', "block");
......@@ -212,14 +212,14 @@ $.fn.dataStatistics = function(options) {
} else if (nowDate >= activityEndDate || res.data.activityIsEnding == 1) { //活动结束
// $(".received_img").attr("src", "");
$('.img_bg_M').css("background-image", "url(http://acitvityimage.oytour.com/activity/MJ_200@3x.png)");
$('.img_bg_M').css("background-image", "url(../images/MJ_200@3x.png)");
$('.img_bg_p1').css("color", "#CCCCCC");
$('.img_bg_p2').css("color", "#CCCCCC");
$('.img_btn p').css("color", "#FFFFFF");
$('.img_btn').css("background-image", "url(http://acitvityimage.oytour.com/activity/nobuy_btn.png)");
$('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
$('.img_btn p').html('活动结束')
$('.box_content_t').hide()
if (options.nextAc == true && $('notice_img').css("display")=="none") { //显示活动预告
if (options.nextAc == true && $('notice_img').css("display") == "none") { //显示活动预告
$('.dataStatistics').css('display', "none");
$('.deta_replace').css('display', "flex");
$('#notice').css('display', "block");
......@@ -234,19 +234,19 @@ $.fn.dataStatistics = function(options) {
} else {
$(".received_img").css('display', "block");
$('.img_btn p').html('去使用')
$('.img_btn').css("background-image", "url(http://acitvityimage.oytour.com/activity/buy_btn.png)");
$('.img_btn').css("background-image", "url(../images/buy_btn.png)");
}
} else {
// $(".received_img").attr("src", "");
$('.img_bg_M').css("background-image", "url(http://acitvityimage.oytour.com/activity/MJ_200@3x.png)");
$('.img_bg_M').css("background-image", "url(../images/MJ_200@3x.png)");
$('.img_bg_p1').css("color", "#CCCCCC");
$('.img_bg_p2').css("color", "#CCCCCC");
$('.img_btn p').css("color", "#FFFFFF");
$('.img_btn p').html('活动结束')
$('.box_content_t').hide()
$('.img_btn').css("background-image", "url(http://acitvityimage.oytour.com/activity/nobuy_btn.png)");
if (options.nextAc == true && $('notice_img').css("display")=="none") { //显示活动预告
$('.img_btn').css("background-image", "url(../images/nobuy_btn.png)");
if (options.nextAc == true && $('notice_img').css("display") == "none") { //显示活动预告
$('.dataStatistics').css('display', "none");
$('.deta_replace').css('display', "flex");
$('#notice').css('display', "block");
......
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