1

pages/buytickets/selectSite.vue

@@ -17,43 +17,39 @@
 			<view class="map-route-head" >
 				&lt;&lt;&lt; 下方列表可以左右滑动 &gt;&gt;&gt;
 			</view>
-<view class="map-route-main"  id="map-route-main">
-	
-		
-				<template v-for="item,i in stationList">
-					<view :id="item.status==1?'map-now':''" class="scroll-view-item" :class="{'map-route-origin':i==0,'map-route-item':i!=0,'map-after':item.status==0,
-						'map-now':item.status==1,'map-geton1':downId==item.id,'map-geton':upid==item.id}" @click="downBtn(item)">
-						
-						<view class="map-geton-mark" v-show="i==0&&upid==item.id">
-							<img src="static/img/up.png" alt="" style="  width: 30px;" >
-						</view>
-						
-						<view class="map-geton-mark" v-show="i!=0&&upid==item.id">
-							<img src="static/img/up.png" alt=""  >
-						</view>
-						
-						<view class="map-geton-mark" v-show="downId==item.id">
-							<img src="static/img/down.png" alt="">
-						</view>
-						<view class="map-route-car"   v-if="i!=0&&item.status==1">
-							<img src="static/img/car.png" alt="">
-						</view>
-						<view class="map-geton-mark"   v-if="i==0&&item.status==1">
-							<img src="static/img/car.png"  style="  width: 30px;" alt="">
-						</view>
-						<view class="map-route-circle"></view>
-						<view class="map-route-line"></view>
-						<view class="map-route-name">
-							{{item.stationName}}
-						</view>
+		<!-- <view class="map-route-main"  id="map-route-main">
+			<template v-for="item,i in stationList">
+				<view :id="item.status==1?'map-now':''" class="scroll-view-item" :class="{'map-route-origin':i==0,'map-route-item':i!=0,'map-after':item.status==0,
+					'map-now':item.status==1,'map-geton1':downId==item.id,'map-geton':upid==item.id}" @click="downBtn(item)">
+					
+					<view class="map-geton-mark" v-show="i==0&&upid==item.id">
+						<img src="static/img/up.png" alt="" style="  width: 30px;" >
+					</view>
+					
+					<view class="map-geton-mark" v-show="i!=0&&upid==item.id">
+						<img src="static/img/up.png" alt=""  >
+					</view>
+					
+					<view class="map-geton-mark" v-show="downId==item.id">
+						<img src="static/img/down.png" alt="">
 					</view>
+					<view class="map-route-car"   v-if="i!=0&&item.status==1">
+						<img src="static/img/car.png" alt="">
+					</view>
+					<view class="map-geton-mark"   v-if="i==0&&item.status==1">
+						<img src="static/img/car.png"  style="  width: 30px;" alt="">
+					</view>
+					<view class="map-route-circle"></view>
+					<view class="map-route-line"></view>
+					<view class="map-route-name">
+						{{item.stationName}}
+					</view>
+				</view>
 
-				</template>
-
-		
-</view>	
+			</template>
+		</view>	 -->
 
-			<view class="map-route-main" v-if="false">
+			<view class="map-route-main" >
 				<view class="map-route-origin">
 					<view class="map-route-circle"></view>
 					<view class="map-route-name">
@@ -85,6 +81,9 @@
 					</view>
 				</view>
 				<view class="map-route-item">
+					<view class="map-route-car">
+						<img src="static/img/car.png" alt="">
+					</view>
 					<view class="map-route-circle"></view>
 					<view class="map-route-line"></view>
 					<view class="map-route-name">
@@ -92,10 +91,10 @@
 					</view>
 				</view>
 				<view class="map-route-item map-geton">
-					<view class="map-geton-mark">
-						<img src="static/img/down.png" alt="">
+					<view class="map-route-car">
+						<img src="static/img/car.png" alt="">
 					</view>
-					<view class="map-route-circle"></view>
+					<view class="map-route-circle">下</view>
 					<view class="map-route-line"></view>
 					<view class="map-route-name">
 						6跃进村
@@ -227,7 +226,18 @@
 		position: relative;
 		height: 200px;
 		width: 60px;
-
+		.map-route-car {
+			height: 30px;
+			width: 30px;
+			position: absolute;
+			right: -10px;
+			top: 2px;
+		
+			img {
+				height: 100%;
+				width: 100%;
+			}
+		}
 		.map-route-circle {
 			position: absolute;
 			right: -2px;
@@ -267,7 +277,7 @@
 			width: 30px;
 			position: absolute;
 			left: 10px;
-			top: 5px;
+			top: 2px;
 
 			img {
 				height: 100%;
@@ -296,13 +306,12 @@
 
 	.map-route-item.map-geton {
 		.map-geton-mark {
-			width: 20px;
+			width:20px;
 			height: 20px;
 			right: 0;
 			position: absolute;
 			right: -4px;
 			top: 5px;
-
 			img {
 				height: 100%;
 				width: 100%;
@@ -310,7 +319,15 @@
 		}
 
 		.map-route-circle {
+			width: 24px;
+			height: 24px;
 			border: 3px solid #25ad3b;
+			color:#25ad3b;
+			text-align: center;
+			line-height: 20px;
+			font-size:10px;
+			top:25px;
+			right: -8px;
 		}
 
 		.map-route-name {