Procházet zdrojové kódy

修改线下转账提示

zhengjinyi před 2 roky
rodič
revize
b117e5f707
1 změnil soubory, kde provedl 43 přidání a 25 odebrání
  1. 43 25
      pages/user/order/order-payunder.vue

+ 43 - 25
pages/user/order/order-payunder.vue

@@ -20,13 +20,12 @@
 			</view>
 			<view class="pay-bring-wrapper clearfix">
 				<view class="pay-bring-content">
-					<view class="text-v title">转账信息</view>
-					<view class="text-v">开户行:{{ bankInfo.bankOfDeposit }}</view>
-					<view class="text-v">银行卡号:{{ bankInfo.bankCardNo }}</view>
-					<view class="text-v">户名:{{ bankInfo.bankUserName }}</view>
+					<view class="text-title">
+						<image src="https://static.caimei365.com/app/img/icon/icon-vxkecode.png" mode=""></image>
+					</view>
 					<view class="text-v">订单标识:{{payOrderId}} <text class="clipboard" @click.stop="clipboard(payOrderId)">复制</text></view>
-					<view class="text-v title">特别注意</view>
-					<view class="text-v bg-color">请在转账备注中填写上述订单标识,方便财务快速审核,提高发货速度</view>
+					<view class="text-content">请将上方二维码截图保存,微信扫码添加采美客服,将订单
+标识告知客服,客服会为您推荐最合适的线下转账方式。</view>
 				</view>
 			</view>
 		</view>		
@@ -166,7 +165,7 @@
 				width: 574rpx;
 				height: 136rpx;
 				padding: 52rpx 44rpx;
-				background: url(https://img.caimei365.com/group1/M00/03/BD/Cmis218ekFyAHoAzAALhR3oBpDI049.png) no-repeat;
+				background: url(https://static.caimei365.com/app/img/icon/icon-paybg.png) no-repeat;
 				background-size: cover;
 				float: left;
 				margin-top: 40rpx;
@@ -365,6 +364,7 @@
 				width: 654rpx;
 				height: auto;
 				padding: 0 24rpx;
+				
 				.text{
 					font-size: $font-size-24;
 					color: #666;
@@ -377,13 +377,9 @@
 				}
 				.text-v{
 					font-size: $font-size-28;
-					color: #999;
+					color: #4A4F58;
 					line-height: 70rpx;
 					text-align: left;
-					&.title{
-						font-size: $font-size-26;
-						color: #666666;
-					}
 					&.bg-color{
 						line-height: 44rpx;
 						color: $color-system;
@@ -395,12 +391,13 @@
 						text-align: center;
 						font-size: $font-size-24;
 						color: #FFFFFF;
-						border-radius: 4rpx;
+						border-radius: 18rpx;
 						line-height: 36rpx;
 						display: inline-block;
 						margin-left: 10rpx;
 					}
 				}
+				
 			}
 		}
 		.pay-bring-wrapper{
@@ -414,6 +411,18 @@
 				width: 654rpx;
 				height: auto;
 				padding: 0 24rpx;
+				margin-top: 60rpx;
+				.text-title{
+					width: 100%;
+					height: 320rpx;
+					margin-bottom: 20rpx;
+					image{
+						width: 320rpx;
+						height: 320rpx;
+						display: block;
+						margin: 0 auto;
+					}
+				}
 				.text{
 					font-size: $font-size-24;
 					color: #666;
@@ -425,31 +434,40 @@
 					}
 				}
 				.text-v{
-					font-size: $font-size-28;
-					color: #999;
+					font-size: $font-size-32;
+					color: #4A4F58;
 					line-height: 70rpx;
-					text-align: left;
-					&.title{
-						font-size: $font-size-28;
-						color: #666666;
-					}
+					text-align: center;
+					margin-bottom: 30rpx;
 					&.bg-color{
 						line-height: 44rpx;
 						color: $color-system;
 					}
 					.clipboard{
-						width: 84rpx;
-						height: 36rpx;
-						background:linear-gradient(34deg,rgba(255,41,41,1) 0%,rgba(255,109,27,1) 100%);
+						width: 128rpx;
+						height: 48rpx;
+						background:linear-gradient(34deg, #FF2929 0%, #FF6D1B 100%);
 						text-align: center;
 						font-size: $font-size-24;
 						color: #FFFFFF;
-						border-radius: 4rpx;
-						line-height: 36rpx;
+						border-radius: 24rpx;
+						line-height: 48rpx;
 						display: inline-block;
 						margin-left: 10rpx;
 					}
 				}
+				.text-content{
+					width: 100%;
+					height: 160rpx;
+					background-color: #F5F5F5;
+					box-sizing: border-box;
+					padding: 24rpx;
+					line-height: 40rpx;
+					font-size: $font-size-28;
+					color: #666666;
+					text-align: justify;
+					margin-top: 60rpx;
+				}
 			}
 		}
 	}