weilaiGo/pages/riding/riding.wxml

<view class="index">
 <!-- 引用隐私授权 -->
 <privacy-popup bind:agree="agree" bind:disagree="disagree" id="Agree" ></privacy-popup>
  <!-- 地图 -->
  <map id="map" longitude='{{longitude}}' latitude='{{latitude}}' scale='16' markers="{{markers}}" show-location="true" style="height:{{screenHeight == 'xSeries' ? '800' :'540'}}rpx" controls="{{controls}}" polygons="{{polygons}}" bindregionchange="bindregionchange">
    <!-- 四个图标 -->
    <cover-view bindtap="help" class="{{screenHeight == 'xSeries' ? 'circlee1' :'circle1 '}} circle">
      <cover-image src="/img/icon1.png" class="iconImg"></cover-image>
    </cover-view>
    <cover-view class="{{screenHeight == 'xSeries' ? 'circlee2' :'circle2 '}} circle">
      <cover-image src="http://resource.weilaigo.l4j.cn/stoptrue.png" class="iconImg"></cover-image>
    </cover-view>
    <cover-view class="{{screenHeight == 'xSeries' ? 'circlee3' :'circle3 '}} circle" bindtap="posi">
      <cover-image src="http://resource.weilaigo.l4j.cn/icon3.png" class="iconImg"></cover-image>
    </cover-view>
    <cover-view class="{{screenHeight == 'xSeries' ? 'circlee4' :'circle4'}} circle" bindtap="refresh">
      <cover-image src="http://resource.weilaigo.l4j.cn/icon4.png" class="iconImg"></cover-image>
    </cover-view>
    <view class="{{screenHeight == 'xSeries' ? 'circle5' :'circle5'}} circle search" bindtap="search">
      <image src="http://resource.weilaigo.l4j.cn/search.png" class="iconImg" style="width:48rpx;height:48rpx;"></image>
    </view>
  </map>
  <view class="content" style="height:606rpx;">
    <view class="timeout">
      <image src="http://resource.weilaigo.l4j.cn/duigou.png" style="width:42rpx;height:42rpx;" wx:if="{{huanche_timeout>0}}"></image>
      <view style="padding-left:16rpx;" wx:if="{{huanche_timeout>0}}">
        车辆如有故障，请在<text style="color:#FE7725;">{{huanche_timeout}}s</text>内免费还车
      </view>
      <image src="/img/weixiao.png" style="width:42rpx;height:42rpx;" wx:if="{{huanche_timeout<0}}"></image>
      <view style="padding-left:16rpx;" wx:if="{{huanche_timeout<0}}">未来GO，祝您用车愉快！</view>
    </view>
    <image src="http://resource.weilaigo.l4j.cn/weilaibike_user.png" style="width:196rpx;height:216rpx;"></image>
    <view class="posi" bindtap="seek">
      <image src="http://resource.weilaigo.l4j.cn/xunche.png" style="width:144rpx;height:60rpx;"></image>
    </view>
    <view class="code">
      <text>车辆编号：{{data.bike_no}}</text>
      <!-- <text bindtap="repair">车辆报修</text> -->
    </view>
    <view class="message">
      <view>
        <text>{{battery_power}}%</text>
        <text>剩余电量</text>
      </view>
      <view>
        <text>{{times}}</text>
        <text>骑行计时</text>
      </view>
      <view>
        <text>￥{{estimate_money}}</text>
        <text>预计金额</text>
      </view>
    </view>
    <view class="btn">
      <view class="btn-left" bindtap="end">
        <text>结束骑行</text>
      </view>
      <view class="btn-right" bindtap="openBike" wx:if="{{retry}}" style="font-size:26rpx;">
        <text>重试开锁({{timeout}}s)</text>
      </view>
      <view class="btn-right" wx:else>
        <text wx:if="{{parke == true}}" bindtap="parking">{{bolear==1?'临时停车':'临时开车'}}</text>
        <view wx:else style="font-size:24rpx;">
          <text wx:if="{{bolear==1}}" bindtap="retry1">重试临时开车({{timeout}}s)</text>
          <text wx:if="{{bolear==0}}" bindtap="retry2">重试临时停车({{timeout}}s)</text>
        </view>
      </view>
    </view>
  </view>
  <cover-view class="container1" wx:if="{{isShow}}">
    <dialog id='dialog' content='运动中不能锁车，请{{timing}}秒后重试~' cancelText='取消' confirm='确定' bind:cancelEvent="_cancelEvent" bind:confirmEvent="_confirmEvent">
    </dialog>
  </cover-view>
</view>