11

pages/buytickets/confirm.vue

@@ -1,9 +1,9 @@
 <template>
 	<view>
-		<car-common    mytitle="确认身份" ref="common"></car-common>
+		<car-common mytitle="确认身份" ref="common"></car-common>
 		
 		<view class="confirm">
-			<view class="confirm-img-border2" v-if="list.length">
+			<!-- <view class="confirm-img-border2" v-if="list.length">
 				<view class="confirm-img-border">
 					<view class="confirm-img">
 						<img src="static/img/1.jpg" alt="">
@@ -16,16 +16,21 @@
 						<img src="static/img/discern.png" alt="">
 					</view>
 				</view>
-			</view>
+			</view> -->
 			<h3 v-if="list.length">确认以下哪张是您的照片？</h3>
+			<p>一位乘客仅需选择一张照片</p>
 			<view class="confirm-pic" v-if="list.length">
 				<template v-for="item in list">
 					<view class="confirm-pic-item " :class="item.ck?'active':''" @click="ckBtn(item)" >
 						<img :src="item.imageUrl" alt="">
 					</view>
-				</template>
-				
-				 
+					<view class="confirm-pic-item " :class="item.ck?'active':''" @click="ckBtn(item)" >
+						<img :src="item.imageUrl" alt="">
+					</view>
+					<view class="confirm-pic-item " :class="item.ck?'active':''" @click="ckBtn(item)" >
+						<img :src="item.imageUrl" alt="">
+					</view>
+				</template>	 
 			</view>
 		</view>
 		<view class="upload-button" v-show="num">
@@ -80,11 +85,18 @@
 		}
 		h3{
 			text-align: center;
+			font-size: 18px;
+		}
+		p{
+			color:#999;text-align: center;
+			margin-top: 10rpx;
 		}
 	}	
 	.confirm-pic{
 		display: flex;
 		justify-content: space-between;
+		flex-direction: row;
+		flex-wrap: wrap;
 		padding: 20px;
 		margin-bottom: 30px;
 		.confirm-pic-item{
@@ -93,6 +105,7 @@
 			border-radius: 50%;
 			overflow: hidden;
 			border: 3px solid #fff;
+			margin-bottom: 10px;
 			&.active{
 				border: 3px solid #1677ff;
 			}

pages/buytickets/index.vue

@@ -13,7 +13,6 @@
 				<view class="ticket-item" @click="select(item)">
 					<view class="ticket-item-left"  >
 						<view class="ticket-head">
-							<u-avatar size="mini" :src="item.imageUrl"></u-avatar>
 							<h3>{{item.ticketUpStationName}} - {{item.ticketDownStationName}}</h3>
 						</view>
 						<view class="ticket-text">
@@ -25,7 +24,8 @@
 							</view>
 						</view>
 					</view>
-					<view class="ticket-item-right">
+					<view class="ticket-item-right">
+						<u-avatar size="mini" :src="item.imageUrl"></u-avatar>
 						<h3>{{item.totalFee}}</h3>
 						<p>票价</p>
 					</view>
@@ -85,15 +85,11 @@
 		justify-content: space-between;
 
 		.ticket-item-left {
-			padding: 20rpx;
+			padding: 30rpx;
 
 			.ticket-head {
 				display: flex;
 				align-items: center;
-
-				h3 {
-					margin-left: 10rpx;
-				}
 			}
 
 			.ticket-text {
@@ -123,6 +119,7 @@
 			align-items: center;
 			border-left: 1px dashed #eee;
 			position: relative;
+			padding: 20rpx;
 
 			&:before {
 				content: '';

pages/buytickets/success.vue

@@ -9,7 +9,6 @@
 		<view class="ticket-item">
 			<view class="ticket-item-left">
 				<view class="ticket-head">
-					<u-avatar :src="src" size="mini"></u-avatar>
 					<h3>玉桥 - 宿架转盘</h3>
 				</view>
 				<view class="ticket-text">
@@ -22,6 +21,7 @@
 				</view>
 			</view>
 			<view class="ticket-item-right">
+				<u-avatar :src="src" size="mini"></u-avatar>
 				<h3>26.00</h3>
 				<p>票价</p>
 			</view>
@@ -50,13 +50,10 @@
 		display: flex;
 		justify-content: space-between;
 		.ticket-item-left{
-			padding: 20rpx;
+			padding: 30rpx;
 			.ticket-head{
 				display: flex;
 				align-items: center;
-				h3{
-					margin-left: 10rpx;
-				}
 			}
 			.ticket-text{
 				margin-top: 20rpx;
@@ -81,6 +78,7 @@
 			align-items: center;
 			border-left: 1px dashed #eee;
 			position: relative;
+			padding: 20rpx;
 			&:before{
 				content: '';
 				position: absolute;