You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
GitProject/wx_navigationLite-master/pages/route/route.wxml

94 lines
3.0 KiB

1 year ago
<!--pages/route/route.wxml-->
<view class="container">
<view class="route-head">
<button class="start" bindtap='chooseStartPoint'>{{sendData.startName}}</button>
<image src="../../image/arrow.png"></image>
<button class="end" bindtap='chooseEndPoint'>{{sendData.endName}}</button>
</view>
<view class="flex-select">
<view wx:for="{{toolData}}" wx:key="index" class="flex-item {{index == _num ? 'active' : ''}}" data-num="{{index}}" bindtap="{{toolData[index].way}}">{{toolData[index].tool}}</view>
</view>
<view class="busroute" wx:if="{{ showbus }}">
<view class="route-select">
<view class="date">
<picker mode="multiSelector" bindchange="bindDateChange" value="{{dateIndex}}" range="{{dateArray}}">
<text>{{time}}</text>
</picker>
</view>
<view class="recommend">
<picker mode="selector" bindchange="bindRecommedChange" value="{{recommedIndex}}" range="{{recommedArray}}">
<text>{{recommend}}</text>
</picker>
</view>
</view>
<view class="busplan" >
<view class="busplan-lis" wx:for="{{transits}}" wx:key="index" data-num="{{index}}" bindtap='goDetail' wx:if="{{hasBusRoute == true}}">
<view class="lis-left">
<view wx:if = "{{index < 1}}" class="good"><text>最佳</text></view>
<text>{{transits[index].duration}}</text>
<text>步行{{transits[index].walking_distance}}</text>
</view>
<view class="lis-right">
<view class="routeline">
<text class="line-first">{{transits[index].transport[0]}}</text>
<view class="line-over" wx:for="{{transits[index].transport}}" wx:key="index" wx:for-item="items" wx:if = "{{index > 0}}">
<image src="../../image/arrow0.png"></image>
<text>{{items}}</text>
</view>
</view>
<view class="routeother">
<text>22站 · </text>
<text>{{transits[index].cost}}元 · </text>
<text>{{transits[index].distance}}</text>
</view>
</view>
</view>
<view class="noBusRoute" wx:if="{{hasBusRoute == false}}">暂无推荐路线</view>
</view>
</view>
<view wx:else>
<view class="map_box">
<map style="width:100%;height:100%" id="navi_map" markers="{{markers}}" include-points="{{polyline[0].points}}" polyline="{{polyline}}" ></map>
</view>
<view class="route_box">
<view class="box-top" style="margin:{{style}}">
<text>{{threeRouteData.duration}}</text>
<text>{{threeRouteData.distance}}</text>
</view>
<view class="box-bottom" wx:if="{{threeRouteData.traffic_lights}}">
<text class="good">推荐</text>
<text>打车约{{threeRouteData.taxi_cost}}元</text>
<text>红绿灯{{threeRouteData.traffic_lights}}个</text>
</view>
<view class="toDetail" bindtap='goDetail'>路线详情</view>
</view>
</view>
</view>