Commit 3214461344aefb9249035602fa1ce3c4c9f6b9dc
1 parent
5d7d6852
流动资金转预存
Showing
2 changed files
with
62 additions
and
21 deletions
pages/user/deposit/prepaid/prepaid.wxml
| 1 | 1 | <block wx:for="{{perpaid}}" wx:for-index="idx" wx:for-item="perpaid"> |
| 2 | - <view> | |
| 2 | + <view class="coupon-container"> | |
| 3 | 3 | <image wx:if="{{idx % 4 == 0}}" class="picture" src="{{iurl+'miniapp/images/usermoney/green.png'}}"></image> |
| 4 | 4 | <image wx:if="{{idx % 4 == 1}}" class="picture" src="{{iurl+'miniapp/images/usermoney/red.png'}}"></image> |
| 5 | 5 | <image wx:if="{{idx % 4 == 2}}" class="picture" src="{{iurl+'miniapp/images/usermoney/yellow.png'}}"></image> |
| 6 | 6 | <image wx:if="{{idx % 4 == 3}}" class="picture" src="{{iurl+'miniapp/images/usermoney/blue.png'}}"></image> |
| 7 | - <view class="wz">{{perpaid.ItemName}}</view> | |
| 8 | - <view class="rim"> | |
| 9 | - <view class="con">充</view> | |
| 10 | - <view class="qian">{{perpaid.BeginSum}}</view> | |
| 11 | - <view class="q-one" wx:if="{{perpaid.ItemType==1}}">送{{perpaid.NewSum}}元</view> | |
| 12 | - <view class="give" wx:if="{{perpaid.ItemType==2}}">充值送大礼 ></view> | |
| 13 | - </view> | |
| 14 | - <view class="bz">备注： | |
| 7 | + <view class="info-container flex"> | |
| 8 | + <view class="left"> | |
| 9 | + <view>{{perpaid.ItemName}}</view> | |
| 10 | + <view class="pdv20">充{{perpaid.BeginSum}}<text>送{{perpaid.NewSum}}元</text></view> | |
| 11 | + <view wx:if="{{perpaid.ItemType==2}}">充值送大礼 ></view> | |
| 12 | + </view> | |
| 13 | + <view class="right">备注： | |
| 14 | + <view class="">{{perpaid.ItemName}}</view> | |
| 15 | + <view wx:if="{{perpaid.ItemType==1}}" class="ljcz" bindtap="submit" data-name="{{perpaid.BeginSum}}" | |
| 16 | + data-advance="{{perpaid.AdvanceItemId}}"data-money="{{perpaid.NewSum}}">立即充值</view> | |
| 17 | + | |
| 18 | + <view wx:if="{{perpaid.ItemType==2}}" class="ljcz" bindtap="go_detail" data-advance="{{perpaid.AdvanceItemId}}">立即充值</view> | |
| 19 | + </view> | |
| 20 | + </view> | |
| 21 | + | |
| 22 | + <!-- <view class="rim"> --> | |
| 23 | + <!-- <view class="con">充{{perpaid.BeginSum}}<text>送{{perpaid.NewSum}}元</text></view> --> | |
| 24 | + <!-- <view class="qian">{{perpaid.BeginSum}}</view> | |
| 25 | + <view class="q-one" wx:if="{{perpaid.ItemType==1}}">送{{perpaid.NewSum}}元</view> --> | |
| 26 | + <!-- <view class="give" wx:if="{{perpaid.ItemType==2}}">充值送大礼 ></view> --> | |
| 27 | + <!-- </view> --> | |
| 28 | + <!-- <view class="bz">备注： | |
| 15 | 29 | <view class="yck">{{perpaid.ItemName}}</view> |
| 16 | - </view> | |
| 17 | - <view wx:if="{{perpaid.ItemType==1}}" class="ljcz" bindtap="submit" data-name="{{perpaid.BeginSum}}" | |
| 30 | + </view> --> | |
| 31 | + <!-- <view wx:if="{{perpaid.ItemType==1}}" class="ljcz" bindtap="submit" data-name="{{perpaid.BeginSum}}" | |
| 18 | 32 | data-advance="{{perpaid.AdvanceItemId}}"data-money="{{perpaid.NewSum}}">立即充值</view> |
| 19 | 33 | |
| 20 | - <view wx:if="{{perpaid.ItemType==2}}" class="ljcz" bindtap="go_detail" data-advance="{{perpaid.AdvanceItemId}}">立即充值</view> | |
| 34 | + <view wx:if="{{perpaid.ItemType==2}}" class="ljcz" bindtap="go_detail" data-advance="{{perpaid.AdvanceItemId}}">立即充值</view> --> | |
| 21 | 35 | </view> |
| 22 | 36 | |
| 23 | 37 | ... | ... |
pages/user/deposit/prepaid/prepaid.wxss
| 1 | 1 | /* 图片 */ |
| 2 | 2 | .picture{ |
| 3 | -margin-top: 5rpx; | |
| 3 | +/* margin-top: 5rpx; */ | |
| 4 | 4 | width:100%; |
| 5 | 5 | height:270rpx; |
| 6 | +display: block; | |
| 6 | 7 | } |
| 7 | 8 | /* 预存款扣款情况 */ |
| 8 | 9 | .wz{ |
| ... | ... | @@ -61,14 +62,15 @@ font-size:28rpx; |
| 61 | 62 | } |
| 62 | 63 | /* 立即充值 */ |
| 63 | 64 | .ljcz{ |
| 64 | - width: 2278rpx; | |
| 65 | + /* width: 2278rpx; | |
| 65 | 66 | height: 111rpx; |
| 66 | 67 | font-size: 25rpx; |
| 67 | 68 | line-height: 320%; |
| 68 | 69 | color: #C4182E; |
| 69 | 70 | margin-left: 463rpx; |
| 70 | - padding-left:66rpx; | |
| 71 | - | |
| 71 | + padding-left:66rpx; */ | |
| 72 | + padding-top: 20rpx; | |
| 73 | + color: red; | |
| 72 | 74 | } |
| 73 | 75 | /* 弹出框的大边框 */ |
| 74 | 76 | .big-rim{ |
| ... | ... | @@ -182,7 +184,7 @@ font-size:28rpx; |
| 182 | 184 | |
| 183 | 185 | .give { |
| 184 | 186 | position: absolute; |
| 185 | - margin-top: 80rpx; | |
| 187 | + margin-top: 70rpx; | |
| 186 | 188 | margin-left: 60rpx; |
| 187 | 189 | } |
| 188 | 190 | |
| ... | ... | @@ -217,15 +219,40 @@ font-size:28rpx; |
| 217 | 219 | } |
| 218 | 220 | |
| 219 | 221 | .left { |
| 220 | - background-color: skyblue; | |
| 221 | - flex: 1; | |
| 222 | + width: 464rpx; | |
| 223 | + display: flex; | |
| 224 | + flex-direction: column; | |
| 225 | + justify-content: center; | |
| 226 | + color: white; | |
| 222 | 227 | } |
| 223 | 228 | |
| 224 | 229 | .right { |
| 225 | - border-left: 2rpx dashed white; | |
| 226 | - padding-left: 60rpx; | |
| 230 | + width: calc(100% - 464rpx); | |
| 231 | + display: flex; | |
| 232 | + flex-direction: column; | |
| 233 | + justify-content: center; | |
| 227 | 234 | } |
| 228 | 235 | |
| 236 | +.coupon-container { | |
| 237 | + position: relative; | |
| 238 | + margin-bottom: 10rpx; | |
| 239 | + text-align: center; | |
| 240 | +} | |
| 241 | + | |
| 242 | +.info-container { | |
| 243 | + position: absolute; | |
| 244 | + top: 0; | |
| 245 | + left: 0; | |
| 246 | + width: 100%; | |
| 247 | + height: 100%; | |
| 248 | + | |
| 249 | +} | |
| 250 | + | |
| 251 | +.pdv20 { | |
| 252 | + padding-top: 20rpx; | |
| 253 | + padding-bottom: 20rpx; | |
| 254 | +} | |
| 255 | + | |
| 229 | 256 | |
| 230 | 257 | |
| 231 | 258 | ... | ... |