xuezichuangke/pages/riding/riding.wxml

<view class="index" style="height:{{windowHeight}}rpx">
  <!-- 地图 -->
  <map id="map" longitude='{{longitude}}' latitude='{{latitude}}' scale='16' markers="{{markers}}" show-location="true" style="height:48%" controls="{{controls}}" polygons="{{polygons}}" bindregionchange="bindregionchange">
    <!-- 广告位轮播 -->
<view class='notice-wrap'>
　　<view class='tongzhitext'>
　　　　<text class="tongzhi-text">注意：车辆静止30分钟将自动还车！！</text>
　　</view>
</view>
    <!-- 四个图标 -->
    <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="{{img}}weapp/stoptrue.png" class="iconImg"></cover-image>
    </cover-view>
    <cover-view class="{{screenHeight == 'xSeries' ? 'circlee3' :'circle3 '}} circle" bindtap="posi">
      <cover-image src="{{img}}weapp/icon3.png" class="iconImg"></cover-image>
    </cover-view>
    <cover-view class="{{screenHeight == 'xSeries' ? 'circlee4' :'circle4'}} circle" bindtap="refresh">
      <cover-image src="{{img}}weapp/icon4.png" class="iconImg"></cover-image>
    </cover-view>
    <view class="{{screenHeight == 'xSeries' ? 'circle5' :'circle5'}} circle" bindtap="search">
      <image src="{{img}}weapp/search.png" class="iconImg" style="width:48rpx;height:48rpx;"></image>
    </view>
  </map>
  <view class="content" style="height:52%;">
    <view class="timeout">
 
      <image src="{{img}}weapp/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}}">{{title}}，祝您用车愉快！</view>
    </view>
    <image src="https://resource.bike.hanyiyun.com/bike_user.png" style="width:196rpx;height:216rpx;"></image>
    <view class="posi" bindtap="seek">
      <image src="{{img}}weapp/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 class="min" wx:if="{{isHour==false}}">分</text></text>
        <!-- <view class="step3-item-num">{{times}}<text class="min" wx:if="{{isHour==false}}">分</text></view> -->
        <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="{{isSshow}}">
    <dialog id='dialog' content='运动中不能锁车，请{{timing}}秒后重试~' cancelText='取消' confirm='确定' bind:cancelEvent="_cancelEvent" bind:confirmEvent="_confirmEvent">
    </dialog>
  </cover-view>
</view>