Skip to content

S
SURPRISED
Commit 26a9fe6e authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 6cbe87e1
Hide whitespace changes
Inline Side-by-side
Showing with 141 additions and 1 deletion
html/Rushbuy.html
View file @ 26a9fe6e
......@@ -17,6 +17,7 @@
background: url(../images/gongxi4.png) no-repeat;
background-size:100%;
background-color: #8d54cc;
position: relative;
}
.main .box{
position: relative;
......@@ -48,6 +49,94 @@
right: -18.5%;
top: 26%;
}
.rushNocheck{
width:0.9rem;
height:0.9rem;
border:1px solid #fff;
display: inline-block;
border-radius:0.2rem;
position: relative;
top:0.1rem;
margin-right:0.2rem;
display: none;
}
.rushNocheckTwo{
width:1rem;
height:1rem;
display: inline-block;
border-radius:0.2rem;
position: relative;
top:0.1rem;
margin-right:0.2rem;
}
.rushNocheckTwo img{
width:100%;
height:100%;
}
.readXieyi{
color:#fff;
font-size:1rem;
width:100%;
text-align: center;
position: absolute;
bottom:3rem;
}
.benciXieyi{
color:#FFCE55;
text-decoration: underline;
}
.activeXieyi{
position: absolute;
width:100%;
height:100%;
display: none;
top:0;
left:0;
background: rgba(0,0,0,.6);
color:#333333;
}
.xieyiContent{
width:80%;
height:26rem;
padding:1rem;
background-color: #fff;
margin:0 auto;
margin-top:6rem;
border-radius:1rem;
}
.xieyiTitle{
font-size:1rem;
width:100%;
text-align: center;
}
.xieyiNei{
width:100%;
height:6rem;
width: 100%;
height: 20rem;
margin-top: 1rem;
overflow-y: auto;
font-size:0.9rem;
color:#333333;
padding:0 0.2rem;
}
.xieyiNei div{
margin-bottom:1rem;
}
.xieyiNei::-webkit-scrollbar{width: 4px;height: 8px;}
.xieyiNei::-webkit-scrollbar-thumb{border-radius: 4px;box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);background: #c9c9c9;}
.xieyiNei::-webkit-scrollbar-track{box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);border-radius: 4px;background: #EDEDED;}
.readBtn{
width:6rem;
height:2.5rem;
background-color: #FFC430;
color:#A76104;
border: none;
outline: none;
font-size: 1rem;
border-radius: 0.5rem;
margin-top:1rem;
}
</style>
</head>
<body>
......@@ -57,6 +146,32 @@
<span id="RushbuyTime"></span>
<img class="anniu" src="../images/gongxi2.png">
</div>
<div class="readXieyi">
<div class="rushNocheck"></div>
<div class="rushNocheckTwo">
<img src="../images/xyck.png" alt=""/>
</div>
<span>我已阅读并同意</span><span class="benciXieyi">《本次活动说明》</span>
</div>
<div class="activeXieyi">
<div class="xieyiContent">
<div class="xieyiTitle">11.18活动说明</div>
<div class="xieyiNei">
<div>1、所有印象同业会员均可参加本次活动</div>
<div>2、活动期间内，每天更新1118张面额为200的散拼跟团游优惠券，用户需要进入活动页面进行抢购，抢到优惠券的用户需要在1分钟内完成支付，若未完成支付系统将自动取消订单；用户完成付款后，系统将自动发放优惠券，可前往APP“我的优惠券”页面进行查看。</div>
<div>3、本次活动的优惠券只能用于印象之旅的散拼跟团游产品，每团限定使用一张。</div>
<div>4、本次活动商品为APP专享优惠券，只能在印象同业APP中使用，优惠券有效期为：2019-11-18 至 2020-11-17。</div>
<div>5、本次优惠券不能与其他优惠券叠加使用，但可以与其他活动一起组合使用。例如：幸福存折等。</div>
<div>6、每个同行用户限定每天只能抢购一张优惠券。</div>
<div>7、活动时间：2019年11月18日-2019年11月25日为期8天，用户可在印象同业APP，行程助理小程序以及本次活动的H5页面中参与。</div>
<div>本次活动最终解释权归印象之旅所有。</div>
</div>
<div style="width:100%;text-align:center;">
<button class="readBtn">我已阅读</button>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/md5.js"></script>
......@@ -81,8 +196,33 @@
}else {
window.location.href = 'https://activity.oytour.com/html/GT_activities.html';
}
$('.anniu').click(function () {
var isChecke=true;
$('.readXieyi').click(function(){
isChecke=!isChecke
if(!isChecke){
$('.rushNocheckTwo').css({'display':'none'})
$('.rushNocheck').css({'display':'inline-block'})
}else{
$('.rushNocheckTwo').css({'display':'inline-block'})
$('.rushNocheck').css({'display':'none'})
}
})
//点击本次协议弹出窗
$(".benciXieyi").click(function(e) {
e.stopPropagation();
$('.activeXieyi').css({'display':'block'});
});
//关闭弹窗
$('.readBtn').click(function(){
$('.activeXieyi').css({'display':'none'});
})
$('.anniu').click(function () {
if(!isChecke){
layer.msg('请同意活动说明');
return;
}
var loadingFlag;
if (buyIf.platform == 'app') {
window.postMessage(JSON.stringify({'action': 'showHud', 'message': '抢购中...'}));
......
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