xuezichuangke/pages/daily_riding/daily_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:46%" 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="{{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="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:54%;">
    <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}}">学子创客，祝您用车愉快！</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>
    </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">
        <view bindtap="open_bike">
          <text>开车</text>
        </view>
        <view bindtap="close_bike">
          <text>锁车</text>
        </view>
      </view>
      <view class="btn-right" bindtap="end">
        <text>结束租车</text>
      </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>