确认订单修改

pages/parents/course/confirmOrder.vue

@@ -108,7 +108,38 @@
 				</view>
 			</view>
 		</view>
-
+		<!-- 支付方式 -->
+		<view class="payment">
+			<view class="headline">
+				支付方式
+			</view>
+			<view class="pay-radio">
+				<view class="icon">
+				<img src="../../../assets/img/riFill-wechat-pay-fill@1x.png" alt="">
+				</view>
+				<view class="text">
+					微信支付
+				</view>
+				<view class="radio-box">
+					<label class="radio">
+						<radio value="" /><text></text>
+					</label>
+				</view>
+			</view>
+			<view class="pay-radio">
+				<view class="icon">
+				<img src="../../../assets/img/yunPay.png" alt="">
+				</view>
+				<view class="text">
+					云闪付
+				</view>
+				<view class="radio-box">
+					<label class="radio">
+						<radio value="" /><text></text>
+					</label>
+				</view>
+			</view>
+		</view>
 		<!-- 确认订单 -->
 		<view class="confirm">
 			<view class="money">
@@ -165,7 +196,7 @@
 			}
 		},
 		onLoad(op) {
-			if(op.id) {
+			if (op.id) {
 				this.id = op.id;
 			}
 		},
@@ -190,7 +221,7 @@
 					id: this.id,
 					openId: this.carhelp.getOpenId()
 				}).then((response) => {
-					if(!response.result){		
+					if (!response.result) {
 						uni.showToast({
 							title: response.message
 						})
@@ -218,12 +249,13 @@
 					}
 				}
 				this.coursesPayList = list;
-				
+
 				var money = 0;
 				var money2 = 0;
 				var money3 = 0;
 				for (var j = 0; j < this.coursesPayList.length; j++) {
-					money += this.coursesPayList[j].courseAmount * this.coursesPayList[j].unitPrice + this.coursesPayList[j].waterElectricityAmount;
+					money += this.coursesPayList[j].courseAmount * this.coursesPayList[j].unitPrice + this.coursesPayList[
+						j].waterElectricityAmount;
 					money2 += this.coursesPayList[j].courseAmount * this.coursesPayList[j].unitPrice;
 					money3 += this.coursesPayList[j].waterElectricityAmount;
 				}
@@ -290,7 +322,8 @@
 		padding: 24rpx 32rpx;
 		background-color: #fff;
 		display: flex;
-		margin-top: 24rpx;
+		border-radius: 8px;
+		margin: 24rpx;
 
 		.picture {
 			width: 160rpx;
@@ -328,7 +361,8 @@
 				display: flex;
 				justify-content: space-between;
 				align-items: center;
-                margin-top: 24rpx;
+				margin-top: 24rpx;
+
 				.price-left {
 					color: rgba(255, 61, 0, 1);
 					font-size: 36rpx;
@@ -347,6 +381,8 @@
 		background-color: #fff;
 		padding: 20rpx 32rpx;
 		border-top: 1px solid rgba(244, 244, 244, 1);
+		border-radius: 8px;
+		margin: 24rpx;
 
 		.headline {
 			color: rgba(51, 51, 51, 1);
@@ -365,7 +401,7 @@
 		.amount-paid {
 			display: flex;
 			justify-content: space-between;
-			
+
 			margin-bottom: 32rpx;
 
 			.value {
@@ -383,7 +419,7 @@
 			}
 		}
 
-		
+
 
 		.amount-paid {
 			margin-bottom: 0;
@@ -398,7 +434,7 @@
 	.student-infos {
 		padding: 0px 30rpx;
 		background-color: #fff;
-		// margin-top: 24rpx;
+
 
 		.item {
 			display: flex;
@@ -447,6 +483,47 @@
 		font-size: 28rpx;
 	}
 
+
+	// 支付方式
+	.payment {
+		background-color: #fff;
+		padding: 40rpx 32rpx;
+		border-radius: 8px;
+		margin: 24rpx;
+		.headline {
+			color: rgba(51, 51, 51, 1);
+			font-size: 32rpx;
+			margin-bottom: 32rpx;
+			font-weight: bold;
+		}
+		
+		.pay-radio{
+			display: flex;
+			align-items: center;
+			margin-top: 28rpx;
+			.icon{
+				img{
+					width: 48rpx;
+					height: 48rpx;
+					vertical-align: middle;
+				}
+			}
+			.text{
+				margin-left: 8rpx;
+			}
+			.radio-box{
+				margin-left: auto;
+			}
+			/deep/.uni-radio-input{
+				width: 40rpx;
+				height: 40rpx;
+			}
+			/deep/.uni-radio-input-checked{
+				background-color: #0DBAC7 !important;
+			}
+		}
+	}
+
 	// 确认订单
 	.confirm {
 		background-color: #fff;