开发我的页面vip相关

pages/my/index.js

@@ -20,8 +20,6 @@ Page({
         vipTime: '',
         tasks: [],
         isIos: app.globalData.isIOS,
-        /*     activationModal: true,
-         */
         activationModal: false,
         activationRes: {},
         products: [],

pages/my/index.less

@@ -202,6 +202,7 @@
         height: 224rpx;
         border-radius: 20rpx;
         background: url(https://reader-wx.ai160.com/images/reader/v3/learn/longvip1.png);
+
         background-size: cover;
         -webkit-box-reflect: below 2rpx linear-gradient(to bottom, transparent 92%, rgba(0, 0, 0, 0.3));
 
@@ -220,6 +221,14 @@
             ;
             border-radius: 10rpx;
         }
+
+        .validity {
+            position: absolute;
+            left: 56rpx;
+            top: 144rpx;
+            color: #FADEBA;
+            font-size: 32rpx;
+        }
     }
 
     .payBox2 {
@@ -231,6 +240,18 @@
         }
     }
 
+    .payBox3 {
+        background: url(https://reader-wx.ai160.com/images/reader/v3/learn/svip1.png);
+        background-size: cover;
+    }
+
+
+
+    .payBox4 {
+        background: url(https://reader-wx.ai160.com/images/reader/v3/learn/vip1.png);
+        background-size: cover;
+    }
+
     .renewBox {
         margin-top: 40rpx;
         padding: 0rpx 10rpx;

pages/my/index.wxml

@@ -62,19 +62,16 @@
         <view class="tips">请输入会员卡激活码</view>
         <view class="subBtn">激活</view>
     </view>
-    <view class="payBox" wx:if="{{!isPreferential||vipTime=='1'}}" bindtap="toBuy" data-id="{{products[0].id}}"
-        data-isclick="{{vipTime=='1'}}">
+    <view class="payBox {{vipTime=='1'?'payBox3':''}}" wx:if="{{!isPreferential||vipTime=='1'}}" bindtap="toBuy"
+        data-id="{{products[0].id}}" data-isclick="{{vipTime=='1'}}">
         <view class="buyBtn" wx:if="{{!isPreferential}}">
             立即开通
         </view>
-        <view class="buyBtn" wx:else>
-            终身使用
-        </view>
     </view>
-    <view class="payBox payBox2" wx:if="{{vipTime!='1'}}" bindtap="toBuy" data-id="{{products[1].id}}"
+    <view class="payBox {{vipTime?'payBox4':'payBox2'}}" wx:if="{{vipTime!='1'}}" bindtap="toBuy" data-id="{{products[1].id}}"
         data-isclick="{{vipTime!=''}}">
-        <view class="buyBtn" style="font-size: 22rpx;" wx:if="{{vipTime}}">
-            有效期：{{filters.formatDate(vipTime,5)}}
+        <view class="validity" wx:if="{{vipTime}}">
+            有效期至：{{filters.formatDate(vipTime,5)}}
         </view>
         <view class="buyBtn" wx:else>
             {{!vipTime&&!isPreferential?'立即开通':'已到期 请续费使用'}}

pages/my/index.wxss

@@ -187,6 +187,13 @@
   background-image: linear-gradient(-75deg, #DFF2EE 5%, #D8E9FD 42%, #BDE6F8 73%, #BAE7F7 100%);
   border-radius: 10rpx;
 }
+.container .payBox .validity {
+  position: absolute;
+  left: 56rpx;
+  top: 144rpx;
+  color: #FADEBA;
+  font-size: 32rpx;
+}
 .container .payBox2 {
   background: url(https://reader-wx.ai160.com/images/reader/v3/learn/longvip2.png);
   background-size: cover;
@@ -194,6 +201,14 @@
 .container .payBox2 .buyBtn {
   background-image: linear-gradient(-75deg, #F5CBAC 5%, #F8D6B7 42%, #FADEBA 73%, #F8F2C4 100%);
 }
+.container .payBox3 {
+  background: url(https://reader-wx.ai160.com/images/reader/v3/learn/svip1.png);
+  background-size: cover;
+}
+.container .payBox4 {
+  background: url(https://reader-wx.ai160.com/images/reader/v3/learn/vip1.png);
+  background-size: cover;
+}
 .container .renewBox {
   margin-top: 40rpx;
   padding: 0rpx 10rpx;