流动资金预转存券的背景颜色由仅一种绿色变更为绿、红、黄、蓝四种

后端研发-倪永富
1 parent e2cfdfc7
Showing 2 changed files with 86 additions and 14 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">
-  <image class="picture" src="{{iurl}}/miniapp/images/usermoney/green.png">
+	<view>
+			<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">送{{perpaid.NewSum}}元</view>
+				<view class="give">充值送大礼 ></view>
+		  </view>
+		  <view class="bz">备注：
+		    <view class="yck">{{perpaid.ItemName}}</view>
+		  </view>
+		  <view class="ljcz" bindtap="submit" data-name="{{perpaid.BeginSum}}" data-advance="{{perpaid.AdvanceItemId}}"data-money="{{perpaid.NewSum}}">立即充值</view>
+	</view>
  
-    <view class="wz">{{perpaid.ItemName}}</view>
-    <view class="rim">
-      <view class="con">充</view>
-      <view class="qian">{{perpaid.BeginSum}}</view>
-      <view class="q-one">送{{perpaid.NewSum}}元</view>
-    </view>
-    <view class="bz">备注：
-      <view class="yck">{{perpaid.ItemName}}</view>
-    </view>
-    <view class="ljcz" bindtap="submit" data-name="{{perpaid.BeginSum}}" data-advance="{{perpaid.AdvanceItemId}}"data-money="{{perpaid.NewSum}}">立即充值</view>
-  </image>
-   </block>
+  
+</block>
  
   <view class="mask" catchtouchmove="preventTouchMove" wx:if="{{showModal}}"></view>
   <view class="big-rim modalDlg" wx:if="{{showModal}}">
     <view class="gb-rim" bindtap="shut">
       <image class="imag" src="{{iurl}}/miniapp/images/usermoney/img.png"></image>
- 
     </view>
     <view class="bk">
       <view class="text">充{{BeginSum}}送{{NewSum}}元</view>
@@ -29,3 +34,24 @@
        <button bindtap="determine" class="button" data-adv="{{adv}}" data-money='{{BeginSum}}' data-moneyone='{{NewSum}}' >确定</button>
     </view>
   </view>
+
+
+<!-- <view> -->
+	<!-- 列表 -->
+	<!-- <view class="list"> -->
+		<!-- 列表项 -->
+		<!-- <view class="coupon"> -->
+			<!-- 左 -->
+			<!-- <view class="left">
+				<view>预存5折</view>
+				<view>充1000元</view>
+				<view>充值送大礼</view>
+			</view> -->
+			<!-- 右 -->
+			<!-- <view class="right">
+				<view>备注：</view>
+				<view>立即充值</view>
+			</view>
+		</view>
+	</view>
+</view> -->
@@ -180,6 +180,52 @@ font-size:28rpx;
     left:0;
 }
  
+.give {
+	position: absolute;
+	margin-top: 80rpx;
+	margin-left: 60rpx;
+}
+
+.list {
+	padding: 0 20rpx;
+}
+
+.coupon {
+	box-sizing: border-box;
+	display: flex;
+	justify-content: space-between;
+	background-color: pink;
+	padding: 0 40rpx;
+	
+	
+	 background-image: radial-gradient(circle at 8rpx 8rpx, transparent, red);
+				/* background-image:
+				   radial-gradient(
+				     circle at 0px 8px, 
+				     transparent 6px, 
+				     #ff9e6d 6px, 
+				     #ff9e6d 0px), 
+				   radial-gradient(
+				     circle at 199px 8px, 
+				     transparent 6px, 
+				     #ff9e6d 6px, 
+				     #ff9e6d 0px); */
+	  background-size: 30px 30px;
+	  /* background-position: 0 0, 200px 0; */
+	  /* background-repeat-y: no-repeat; */
+		background-repeat-x: no-repeat;
+}
+
+.left {
+	background-color: skyblue;
+	flex: 1;
+}
+
+.right {
+	border-left: 2rpx dashed white;
+	padding-left: 60rpx;
+} 
+