From 8cd18dae35ae8725c0f6519e7efdc540506cc3d9 Mon Sep 17 00:00:00 2001
From: langz <1816023719@qq.com>
Date: Fri, 1 Sep 2023 12:50:38 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/hotVIPPages/hotVIPpayback.vue | 39 +++++++-------
 src/views/hotVIPPages/mtvip.vue         |  2 +-
 src/views/hotVIPPages/recieveVIP.vue    | 67 ++++++++++++++++---------
 3 files changed, 66 insertions(+), 42 deletions(-)

diff --git a/src/views/hotVIPPages/hotVIPpayback.vue b/src/views/hotVIPPages/hotVIPpayback.vue
index 220a910..b32678b 100644
--- a/src/views/hotVIPPages/hotVIPpayback.vue
+++ b/src/views/hotVIPPages/hotVIPpayback.vue
@@ -6,7 +6,7 @@
         
 
         <div class="right-box">
-            <div class="title">会员领取方式</div>
+            <div class="title">权益领取方式</div>
             <div class="tips">微信搜索 “次元意境” 公众号<br/>点击【会员福利 - 会员月月领】进行兑换</div>
             <img class="icon" src="https://img.bnyer.cn/vip/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230804183929.jpg" alt="">
 
@@ -44,41 +44,46 @@ export default {
 
 .hotVip-payback-wrap {
     width: 100%;
-    min-height: 100%;
-    height: auto;
+    // min-height: 100%;
+    height: 100%;
 
     position: absolute;
-    background-color: #e53c51;
+    background-color: #fc7e2a;
     // padding: 2rem;
     // box-sizing: border-box;
-    padding-bottom: 1rem;
+    // padding-bottom: 1rem;
     display: flex;
     flex-direction: column;
     align-items: center;
     // justify-content: center;
     overflow-x: hidden;
     overflow-y: scroll;
+
+    background-image: url('https://img.bnyer.cn/vip/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230901115658.png');
+        background-size: 100% 13.35rem;
+        background-repeat: no-repeat;
    
-    .top-img {
-        background-image: url('https://img.bnyer.cn/vip/pay-top-img.png');
-        background-size: 100% 100%;
-        width: 100%;
-        // height: 360px;
-        height: 6.8rem;
-        margin-bottom: -0.7em;
-    }
+    // .top-img {
+    //     background-image: url('https://img.bnyer.cn/vip/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20230901115658.png');
+    //     background-size: 100% 100%;
+    //     width: 100%;
+    //     // height: 360px;
+    //     height: 6.8rem;
+    //     margin-bottom: -0.7em;
+    // }
 
 
     .right-box {
+        margin-top: 3.8rem;
         width: 87%;
         left: 0rem;
         right: 0rem;
         position: relative;
-        margin-top: 0.5rem;
+        // margin-top: 0.5rem;
         display: flex;
         flex-direction: column;
         align-items: center;
-        background-color: #fff;
+        // background-color: #fff;
      
         box-sizing: border-box;
         padding:20px 0px;
@@ -86,13 +91,13 @@ export default {
         text-align: center;
 
         .icon {
-            margin-top: 15px;
+            margin-top: 8px;
                 width: 4rem;
                 height: 4rem;
                 // background-color: #c63243;
             }
         .title {
-            color: #c63243;
+            color: #d25902;
             font-size: 0.3rem;
             font-weight: 600;
         }
diff --git a/src/views/hotVIPPages/mtvip.vue b/src/views/hotVIPPages/mtvip.vue
index 8e4c182..b98a8de 100644
--- a/src/views/hotVIPPages/mtvip.vue
+++ b/src/views/hotVIPPages/mtvip.vue
@@ -107,7 +107,7 @@ export default {
     },
     created(){
       document.documentElement.scrollTop = 0;
-      document.title = "会员权益随心选";   
+      document.title = "联合会员";   
     },
     watch:{
         'mobile' : {
diff --git a/src/views/hotVIPPages/recieveVIP.vue b/src/views/hotVIPPages/recieveVIP.vue
index e5d3424..9c18364 100644
--- a/src/views/hotVIPPages/recieveVIP.vue
+++ b/src/views/hotVIPPages/recieveVIP.vue
@@ -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 {