流动资金转预存

后端研发-倪永富
1 parent 5d7d6852
Showing 2 changed files with 62 additions and 21 deletions
pages/user/deposit/prepaid/prepaid.wxml
pages/user/deposit/prepaid/prepaid.wxss
 <block wx:for="{{perpaid}}" wx:for-index="idx" wx:for-item="perpaid">
-	<view>
+	<view class="coupon-container">
 			<image wx:if="{{idx % 4 == 0}}" class="picture" src="{{iurl+'miniapp/images/usermoney/green.png'}}"></image>
 			<image wx:if="{{idx % 4 == 1}}" class="picture" src="{{iurl+'miniapp/images/usermoney/red.png'}}"></image>
 			<image wx:if="{{idx % 4 == 2}}" class="picture" src="{{iurl+'miniapp/images/usermoney/yellow.png'}}"></image>
 			<image wx:if="{{idx % 4 == 3}}" class="picture" src="{{iurl+'miniapp/images/usermoney/blue.png'}}"></image>
-		  <view class="wz">{{perpaid.ItemName}}</view>
-		  <view class="rim">
-		    <view class="con">充</view>
-		    <view class="qian">{{perpaid.BeginSum}}</view>
-		    <view class="q-one" wx:if="{{perpaid.ItemType==1}}">送{{perpaid.NewSum}}元</view>
-			<view class="give"  wx:if="{{perpaid.ItemType==2}}">充值送大礼 ></view>
-		  </view>
-		  <view class="bz">备注：
+		  <view class="info-container flex">
+				<view class="left">
+					<view>{{perpaid.ItemName}}</view>
+					<view class="pdv20">充{{perpaid.BeginSum}}<text>送{{perpaid.NewSum}}元</text></view>
+					<view wx:if="{{perpaid.ItemType==2}}">充值送大礼 ></view>
+				</view>
+				<view class="right">备注：
+				  <view class="">{{perpaid.ItemName}}</view>
+					<view wx:if="{{perpaid.ItemType==1}}" class="ljcz" bindtap="submit" data-name="{{perpaid.BeginSum}}"
+					    data-advance="{{perpaid.AdvanceItemId}}"data-money="{{perpaid.NewSum}}">立即充值</view>
+							
+					<view wx:if="{{perpaid.ItemType==2}}" class="ljcz" bindtap="go_detail" data-advance="{{perpaid.AdvanceItemId}}">立即充值</view>
+				</view>
+			</view>
+			
+		  <!-- <view class="rim"> -->
+		    <!-- <view class="con">充{{perpaid.BeginSum}}<text>送{{perpaid.NewSum}}元</text></view> -->
+		    <!-- <view class="qian">{{perpaid.BeginSum}}</view>
+		    <view class="q-one" wx:if="{{perpaid.ItemType==1}}">送{{perpaid.NewSum}}元</view> -->
+				<!-- <view class="give"  wx:if="{{perpaid.ItemType==2}}">充值送大礼 ></view> -->
+		  <!-- </view> -->
+		  <!-- <view class="bz">备注：
 		    <view class="yck">{{perpaid.ItemName}}</view>
-		  </view>
-		  <view wx:if="{{perpaid.ItemType==1}}" class="ljcz" bindtap="submit" data-name="{{perpaid.BeginSum}}" 
+		  </view> -->
+		  <!-- <view wx:if="{{perpaid.ItemType==1}}" class="ljcz" bindtap="submit" data-name="{{perpaid.BeginSum}}" 
 		      data-advance="{{perpaid.AdvanceItemId}}"data-money="{{perpaid.NewSum}}">立即充值</view>
-		  <view wx:if="{{perpaid.ItemType==2}}" class="ljcz" bindtap="go_detail" data-advance="{{perpaid.AdvanceItemId}}">立即充值</view>	  
+		  <view wx:if="{{perpaid.ItemType==2}}" class="ljcz" bindtap="go_detail" data-advance="{{perpaid.AdvanceItemId}}">立即充值</view> -->	  
 	</view>
 /* 图片 */
 .picture{
-margin-top: 5rpx;
+/* margin-top: 5rpx; */
 width:100%;
 height:270rpx;
+display: block;
 }
 /* 预存款扣款情况 */
 .wz{
@@ -61,14 +62,15 @@ font-size:28rpx;
 }
 /* 立即充值 */
 .ljcz{
-   width: 2278rpx;
+   /* width: 2278rpx;
    height: 111rpx;
   font-size: 25rpx;
   line-height: 320%;
   color: #C4182E;
   margin-left: 463rpx;
- padding-left:66rpx;
-
+ padding-left:66rpx; */
+	padding-top: 20rpx;
+	color: red;
 }
 /* 弹出框的大边框 */
 .big-rim{
@@ -182,7 +184,7 @@ font-size:28rpx;
 .give {
 	position: absolute;
-	margin-top: 80rpx;
+	margin-top: 70rpx;
 	margin-left: 60rpx;
 }
@@ -217,15 +219,40 @@ font-size:28rpx;
 }
 .left {
-	background-color: skyblue;
-	flex: 1;
+	width: 464rpx;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	color: white;
 }
 .right {
-	border-left: 2rpx dashed white;
-	padding-left: 60rpx;
+	width: calc(100% - 464rpx);
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
 } 
+.coupon-container {
+	position: relative;
+	margin-bottom: 10rpx;
+	text-align: center;
+}
+
+.info-container {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	
+}
+
+.pdv20 {
+	padding-top: 20rpx;
+	padding-bottom: 20rpx;
+}
+