1

pages/buytickets/home.vue

@@ -4,8 +4,7 @@
 			<u-navbar :title="title"  :is-back="false">
 				<view class="slot-wrap"></view>
 				<view class="navbar-right"  @click="gotoHome" >
-					<u-icon name="home-fill" color="#999" size="28"></u-icon>
-					
+					<u-icon name="home-fill" color="#999" size="28"></u-icon>			
  					<span >前往首页</span>
 				</view>
 			</u-navbar>

pages/buytickets/site.vue

@@ -18,11 +18,13 @@
 						<view class="circle"></view>
 						<span>上车站点</span>
 					</view>
-					<view style="float:right ">
-						<u-avatar size="mini"  v-for="item,i in oplist" :key="i" :src="item.imageUrl"></u-avatar>
-						<u-avatar size="mini" v-if="pic"   :src="pic"></u-avatar>
-						
+					<view class="site-head-img">
+						<view class="site-head-img-item">
+							<u-avatar size="large"  v-for="item,i in oplist" :key="i" :src="item.imageUrl"></u-avatar>
+						</view>
+						<u-avatar size="large" v-if="pic"   :src="pic"></u-avatar>			
 					</view>
+					
 					<view class="content">
 						<span>{{up.name}}</span>
 					</view>
@@ -104,10 +106,13 @@
 		background-color: #fff;
 		margin: 10px;
 		border-radius: 10px;
+		margin-top: 50px;
+		box-shadow:3px 3px 3px rgba(0,0,0,0.1);
 		.site-head{
 			border-bottom:1px dashed #eee;
 			padding: 10px;
 			position: relative;
+			padding-top: 40px;
 			&:before{
 				content: '';
 				position: absolute;
@@ -131,6 +136,24 @@
 		}
 		.site-head-up{
 			margin-bottom: 20px;
+			position: relative;
+			.site-head-img{
+				position: absolute;
+				left: 50%;
+				margin-left: -150px;
+				top:-70px;
+				height: 64px;
+				width:300px;
+				display: flex;
+				justify-content: center;
+				.site-head-img-item{
+					height: 64px;
+					width:64px;
+					box-shadow:3px 3px 3px rgba(0,0,0,0.1);
+					border: 2px solid #fff;
+					border-radius: 50%;
+				}
+			}
 			.title{
 				display: flex;
 				align-items: center;

pages/buytickets/success.vue

@@ -29,7 +29,7 @@
 				</view>
 			</view>
 			<view class="ticket-item-right">
-				<u-avatar :src="item.imageUrl" size="mini"></u-avatar>
+				<u-avatar :src="item.imageUrl" size="default"></u-avatar>
 				<h3>{{item.totalFee}}</h3>
 				<p>票价</p>
 			</view>
@@ -58,6 +58,7 @@
 		border-radius: 10px;
 		display: flex;
 		justify-content: space-between;
+		box-shadow:3px 3px 3px rgba(0,0,0,0.1);
 		.ticket-item-left{
 			padding: 30rpx;
 			.ticket-head{