|
|
|
@ -1,5 +1,6 @@ |
|
|
|
<template> |
|
|
|
<div class="recieveVip-wrap"> |
|
|
|
<!-- <div class="top-img"></div> --> |
|
|
|
|
|
|
|
<!-- 权益列表 --> |
|
|
|
<div class="vip-box"> |
|
|
|
@ -29,18 +30,18 @@ |
|
|
|
<input class="cls_input_phone" v-model="mobile" type="text" maxlength="11" placeholder="请输入您的手机号"> |
|
|
|
<img class="phone-icon" src="https://img.bnyer.cn/vip/hotAIphone.png" alt=""> |
|
|
|
</div> |
|
|
|
<img class="cls_img_btn" @click="clickMainButton()" src="https://img.bnyer.cn/vip/main-button.png"> |
|
|
|
<img class="cls_img_btn" @click="clickMainButton()" src="https://image.ireadwo.cn/resources/yq-mtwm-20djj/btn-get.png"> |
|
|
|
</div> |
|
|
|
<!-- 资费 --> |
|
|
|
<!-- <div class="price">业务资费：19.9元 / 月</div> --> |
|
|
|
<!-- 规则 --> |
|
|
|
<div class="rule-box"> |
|
|
|
<div class="rule-icon"></div> |
|
|
|
<div class="rule-icon">活动规则</div> |
|
|
|
<div class="rule-content"> |
|
|
|
[产品名称] : 惠点联合会员 <br/> |
|
|
|
[计费方式] : 支付宝连续包月<br/> |
|
|
|
[权益说明] :<br/> |
|
|
|
活动期间在本页面成功开通业务，即可获得爆款会员月卡(10选1) +美团外卖20元代金券(每月领取5元代金卷，连续领取4个月)，数量有限，送完即止。<br/> |
|
|
|
活动期间开通业务，即可获得爆款会员月卡(10选1) +美团外卖20元代金券(每月领取5元代金卷，连续领取4个月)，数量有限，送完即止。<br/> |
|
|
|
[爆款会员月卡] :<br/> |
|
|
|
腾讯视频月卡、爱奇艺月卡、优酷月卡、芒果TV月卡、哗哩哗哩大会员月卡、网易云音乐月卡、喜马拉雅会员月卡、知乎盐选会员月卡、饿了么会员月卡、百度网盘会员月卡。<br/> |
|
|
|
[领取方式]:<br/> |
|
|
|
@ -144,7 +145,7 @@ export default { |
|
|
|
}, |
|
|
|
created(){ |
|
|
|
document.documentElement.scrollTop = 0; |
|
|
|
document.title = "会员月月领"; |
|
|
|
document.title = "联合会员"; |
|
|
|
}, |
|
|
|
|
|
|
|
mounted() { |
|
|
|
@ -269,16 +270,28 @@ export default { |
|
|
|
width: 100%; |
|
|
|
height: auto; |
|
|
|
position: absolute; |
|
|
|
background-color: #fb986e; |
|
|
|
padding-bottom: 3rem; |
|
|
|
background-color: #fc7e2a; |
|
|
|
padding-bottom: 1rem; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
overflow-x: hidden; |
|
|
|
overflow-y: scroll; |
|
|
|
background-image: url('https://img.bnyer.cn/vip/get-top-img.png'); |
|
|
|
background-size: 100% 15rem; |
|
|
|
background-image: url('https://img.bnyer.cn/vip/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230901115742.png'); |
|
|
|
background-size: 100% 13.35rem; |
|
|
|
background-repeat: no-repeat; |
|
|
|
// .top-img { |
|
|
|
// width: 100%; |
|
|
|
// height: 13.35rem; |
|
|
|
// position: absolute; |
|
|
|
// top: 0rem; |
|
|
|
// left: 0rem; |
|
|
|
// background-image: url('https://img.bnyer.cn/vip/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230901115742.png'); |
|
|
|
// background-size: 100% 100%; |
|
|
|
// background-repeat: no-repeat; |
|
|
|
// border-bottom: 5px solid rgb(255, 102, 0); |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
.fixed { |
|
|
|
position: fixed !important; |
|
|
|
@ -349,8 +362,8 @@ export default { |
|
|
|
margin-top: 3.1rem; |
|
|
|
width: 90%; |
|
|
|
height: auto; |
|
|
|
background-color: antiquewhite; |
|
|
|
border-radius: 20px; |
|
|
|
background-color: rgb(252, 242, 228); |
|
|
|
border-radius: 10px; |
|
|
|
padding: 15px; |
|
|
|
box-sizing: border-box; |
|
|
|
.get-title { |
|
|
|
@ -372,7 +385,7 @@ export default { |
|
|
|
justify-content: space-between; |
|
|
|
// align-items: center; |
|
|
|
.active { |
|
|
|
border: 5px solid #dc2c00; |
|
|
|
border: 5px solid #dc5100; |
|
|
|
} |
|
|
|
.vip-item { |
|
|
|
width: 18%; |
|
|
|
@ -404,7 +417,7 @@ export default { |
|
|
|
|
|
|
|
// align-items: center; |
|
|
|
.active { |
|
|
|
border: 5px solid #dc2c00; |
|
|
|
border: 5px solid #dc5100; |
|
|
|
} |
|
|
|
.mt-item { |
|
|
|
width: 18%; |
|
|
|
@ -468,9 +481,9 @@ export default { |
|
|
|
.cls_img_btn { |
|
|
|
margin-top: 0.4rem; |
|
|
|
position: relative; |
|
|
|
width: 6rem; |
|
|
|
height: 1.6rem; |
|
|
|
animation: btnScaleAnim 1s infinite; |
|
|
|
width: 5.2rem; |
|
|
|
// height: 1.6rem; |
|
|
|
// animation: btnScaleAnim 1s infinite; |
|
|
|
@keyframes btnScaleAnim { |
|
|
|
0%{ |
|
|
|
transform: scale(0.9); |
|
|
|
@ -491,19 +504,25 @@ export default { |
|
|
|
font-size: 11px; |
|
|
|
} |
|
|
|
.rule-box { |
|
|
|
margin-top: 0.4rem; |
|
|
|
margin-top: 0.3rem; |
|
|
|
position: relative; |
|
|
|
width: 86%; |
|
|
|
width: 100%; |
|
|
|
// height: 12rem; |
|
|
|
background-color: #f37151; |
|
|
|
border-radius: 10px; |
|
|
|
padding: 12px 18px; |
|
|
|
// background-color: #f37151; |
|
|
|
border-radius: 5px; |
|
|
|
padding: 12px 30px; |
|
|
|
box-sizing: border-box; |
|
|
|
// border-top: 5px solid rgb(255, 102, 0); |
|
|
|
.rule-icon { |
|
|
|
background-image: url('https://img.bnyer.cn/vip/rule-icon.png'); |
|
|
|
background-size: 100% 100%; |
|
|
|
width: 1.7rem; |
|
|
|
height: 0.6rem; |
|
|
|
margin-top: 0.6rem; |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
font-size: 0.32rem; |
|
|
|
color: #FFF; |
|
|
|
// background-image: url('https://img.bnyer.cn/vip/rule-icon.png'); |
|
|
|
// background-size: 100% 100%; |
|
|
|
// width: 1.7rem; |
|
|
|
// height: 0.6rem; |
|
|
|
} |
|
|
|
|
|
|
|
.rule-content { |
|
|
|
|
