|
@@ -17,43 +17,39 @@
|
|
<view class="map-route-head" >
|
|
<view class="map-route-head" >
|
|
<<< 下方列表可以左右滑动 >>>
|
|
<<< 下方列表可以左右滑动 >>>
|
|
</view>
|
|
</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>
|
|
|
|
+ <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-origin">
|
|
<view class="map-route-circle"></view>
|
|
<view class="map-route-circle"></view>
|
|
<view class="map-route-name">
|
|
<view class="map-route-name">
|
|
@@ -85,6 +81,9 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="map-route-item">
|
|
<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-circle"></view>
|
|
<view class="map-route-line"></view>
|
|
<view class="map-route-line"></view>
|
|
<view class="map-route-name">
|
|
<view class="map-route-name">
|
|
@@ -92,10 +91,10 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="map-route-item map-geton">
|
|
<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>
|
|
- <view class="map-route-circle"></view>
|
|
|
|
|
|
+ <view class="map-route-circle">下</view>
|
|
<view class="map-route-line"></view>
|
|
<view class="map-route-line"></view>
|
|
<view class="map-route-name">
|
|
<view class="map-route-name">
|
|
6跃进村
|
|
6跃进村
|
|
@@ -227,7 +226,18 @@
|
|
position: relative;
|
|
position: relative;
|
|
height: 200px;
|
|
height: 200px;
|
|
width: 60px;
|
|
width: 60px;
|
|
-
|
|
|
|
|
|
+ .map-route-car {
|
|
|
|
+ height: 30px;
|
|
|
|
+ width: 30px;
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: -10px;
|
|
|
|
+ top: 2px;
|
|
|
|
+
|
|
|
|
+ img {
|
|
|
|
+ height: 100%;
|
|
|
|
+ width: 100%;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
.map-route-circle {
|
|
.map-route-circle {
|
|
position: absolute;
|
|
position: absolute;
|
|
right: -2px;
|
|
right: -2px;
|
|
@@ -267,7 +277,7 @@
|
|
width: 30px;
|
|
width: 30px;
|
|
position: absolute;
|
|
position: absolute;
|
|
left: 10px;
|
|
left: 10px;
|
|
- top: 5px;
|
|
|
|
|
|
+ top: 2px;
|
|
|
|
|
|
img {
|
|
img {
|
|
height: 100%;
|
|
height: 100%;
|
|
@@ -296,13 +306,12 @@
|
|
|
|
|
|
.map-route-item.map-geton {
|
|
.map-route-item.map-geton {
|
|
.map-geton-mark {
|
|
.map-geton-mark {
|
|
- width: 20px;
|
|
|
|
|
|
+ width:20px;
|
|
height: 20px;
|
|
height: 20px;
|
|
right: 0;
|
|
right: 0;
|
|
position: absolute;
|
|
position: absolute;
|
|
right: -4px;
|
|
right: -4px;
|
|
top: 5px;
|
|
top: 5px;
|
|
-
|
|
|
|
img {
|
|
img {
|
|
height: 100%;
|
|
height: 100%;
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -310,7 +319,15 @@
|
|
}
|
|
}
|
|
|
|
|
|
.map-route-circle {
|
|
.map-route-circle {
|
|
|
|
+ width: 24px;
|
|
|
|
+ height: 24px;
|
|
border: 3px solid #25ad3b;
|
|
border: 3px solid #25ad3b;
|
|
|
|
+ color:#25ad3b;
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: 20px;
|
|
|
|
+ font-size:10px;
|
|
|
|
+ top:25px;
|
|
|
|
+ right: -8px;
|
|
}
|
|
}
|
|
|
|
|
|
.map-route-name {
|
|
.map-route-name {
|