购买等级卡页面

后端开发-许程
1 parent e063257c
Showing 2 changed files with 14 additions and 8 deletions
pages/user/plus/plus.wxml
pages/user/plus/plus.wxss
@@ -12,12 +12,12 @@
     </view>
     <view class="swiper">
         <!-- 未开通会员swiper-item -->
-        <swiper current="{{currentId}}" current-item-id="{{currentId}}" next-margin="55rpx" previous-margin="55rpx" bindchange="swiperChange">
+        <swiper current="{{currentId}}" current-item-id="{{currentId}}" next-margin="60rpx" previous-margin="60rpx" bindchange="swiperChange">
           <swiper-item class="flex" item-id="{{index}}" data-item-id="{{index}}" wx:for="{{is_plusCard}}">
             <view class="Membership {{currentId==index?'enlarge':''}}" style=" background-image: url({{item.CardImg}});color:{{item.CardColor}}">
               <view class="flex-space-between Membership_go">
                 <view>
-                  <view class="fs32">{{item.CardName}}</view>
+                  <view class="fs36">{{item.CardName}}</view>
                   <view class="fs24 Membership_remarks">开通会员年卡仅{{item.CardFee}}元</view>
                 </view>
                 <view class="Opening fs24 xc-black" data-ind="{{index}}" style="background:{{item.CardColor}}" bindtap="Opening">立即开通
@@ -27,10 +27,10 @@
               <view class="flex-vertical-between consumption">
-                <view class="flex-vertical fs22" style="overflow:hidden">
+                <view class="flex-vertical fs24" style="overflow:hidden">
                   <!-- <image class="Member" src="{{url}}/miniapp/images/plus/privilege_o.png" style="filter:drop-shadow( 20rpx 0 0px {{item.CardColor}});"></image> -->
                   <view class="Member"style="background-image:url('{{url}}/miniapp/images/plus/privilege_o.png');filter: drop-shadow( 40rpx 0rpx 0rpx {{item.CardColor}});"></view>
-                  <view>根据大家购买数据，您成为超级会员预计可省￥{{item.free}}元
+                  <view style="margin-left:5rpx;white-space: nowrap;">按去年用户消费计算，开卡后一年预计省￥{{item.free}}元
                   </view>
                 </view>
               </view>
@@ -163,8 +163,10 @@ swiper {
   height: 30rpx;
   margin-right: 5rpx;
   background-size: 100% 100%;
-position: relative;
-left: -40rpx;
+  background-blend-mode: lighten;
+  transform: translateX(-130%);
+  vertical-align: top;
+ 
 }
@@ -296,7 +298,7 @@ left: -40rpx;
 .inf_com {
   background-color: rgb(255, 255, 255);
-  padding: 0rpx 85rpx;
+  padding: 0rpx 60rpx;
 }
 .perfect {
@@ -356,8 +358,12 @@ left: -40rpx;
 }
 input {
+margin-top: 10rpx;
   overflow: visible;
-  width: 360rpx;
+  width: 410rpx;
 }
+swiper-item{
+  overflow: visible;
+}
 \ No newline at end of file