wxd / MShopWeApp

Commit 26d22367c5a1905e9569c099bc983598497c134b

Authored by 后端开发-许程
1 parent e063257c

购买等级卡页面

Inline Side-by-side
Showing 2 changed files with 14 additions and 8 deletions
pages/user/plus/plus.wxml
  View file @26d2236
... ... @@ -12,12 +12,12 @@
12 12 </view>
13 13 <view class="swiper">
14 14 <!-- 未开通会员swiper-item -->
15   - <swiper current="{{currentId}}" current-item-id="{{currentId}}" next-margin="55rpx" previous-margin="55rpx" bindchange="swiperChange">
  15 + <swiper current="{{currentId}}" current-item-id="{{currentId}}" next-margin="60rpx" previous-margin="60rpx" bindchange="swiperChange">
16 16 <swiper-item class="flex" item-id="{{index}}" data-item-id="{{index}}" wx:for="{{is_plusCard}}">
17 17 <view class="Membership {{currentId==index?'enlarge':''}}" style=" background-image: url({{item.CardImg}});color:{{item.CardColor}}">
18 18 <view class="flex-space-between Membership_go">
19 19 <view>
20   - <view class="fs32">{{item.CardName}}</view>
  20 + <view class="fs36">{{item.CardName}}</view>
21 21 <view class="fs24 Membership_remarks">开通会员年卡仅{{item.CardFee}}元</view>
22 22 </view>
23 23 <view class="Opening fs24 xc-black" data-ind="{{index}}" style="background:{{item.CardColor}}" bindtap="Opening">立即开通
... ... @@ -27,10 +27,10 @@
27 27  
28 28 <view class="flex-vertical-between consumption">
29 29  
30   - <view class="flex-vertical fs22" style="overflow:hidden">
  30 + <view class="flex-vertical fs24" style="overflow:hidden">
31 31 <!-- <image class="Member" src="{{url}}/miniapp/images/plus/privilege_o.png" style="filter:drop-shadow( 20rpx 0 0px {{item.CardColor}});"></image> -->
32 32 <view class="Member"style="background-image:url('{{url}}/miniapp/images/plus/privilege_o.png');filter: drop-shadow( 40rpx 0rpx 0rpx {{item.CardColor}});"></view>
33   - <view>根据大家购买数据，您成为超级会员预计可省￥{{item.free}}元
  33 + <view style="margin-left:5rpx;white-space: nowrap;">按去年用户消费计算，开卡后一年预计省￥{{item.free}}元
34 34 </view>
35 35 </view>
36 36 </view>
... ...
pages/user/plus/plus.wxss
  View file @26d2236
... ... @@ -163,8 +163,10 @@ swiper {
163 163 height: 30rpx;
164 164 margin-right: 5rpx;
165 165 background-size: 100% 100%;
166   -position: relative;
167   -left: -40rpx;
  166 + background-blend-mode: lighten;
  167 + transform: translateX(-130%);
  168 + vertical-align: top;
  169 +
168 170  
169 171 }
170 172  
... ... @@ -296,7 +298,7 @@ left: -40rpx;
296 298  
297 299 .inf_com {
298 300 background-color: rgb(255, 255, 255);
299   - padding: 0rpx 85rpx;
  301 + padding: 0rpx 60rpx;
300 302 }
301 303  
302 304 .perfect {
... ... @@ -356,8 +358,12 @@ left: -40rpx;
356 358 }
357 359  
358 360 input {
  361 +margin-top: 10rpx;
359 362  
360 363 overflow: visible;
361   - width: 360rpx;
  364 + width: 410rpx;
362 365 }
363 366  
  367 +swiper-item{
  368 + overflow: visible;
  369 +}
364 370 \ No newline at end of file
... ...