omp-wx/pages/index/index.wxml

<view class="count">
  <van-circle value="{{ schedule }}" size="25" color="#5CA5F9" speed="8" wx:if="{{circle}}" />
  <van-loading type="spinner" size="25" color="#5CA5F9" wx:if="{{loading}}" />
</view>

<map id="map" longitude="116.3976" latitude="39.909" scale="17" markers="{{markers}}" show-location class="map"></map>

<view class="panel">

  <view class="panel-base">
    <image src="/imgs/avatar.png" class="panel-base-avatar" />

    <view class="panel-base-name">{{stateInfo.deviceName}}</view>

    <view class="panel-base-battery">
      <image src="/imgs/battery/100.png" wx:if="{{stateInfo.batteryNum>=90}}" />
      <image src="/imgs/battery/75.png" wx:if="{{stateInfo.batteryNum >= 60 && stateInfo.batteryNum < 90}}" />
      <image src="/imgs/battery/50.png" wx:if="{{stateInfo.batteryNum >= 30 && stateInfo.batteryNum < 60}}"/>
      <image src="/imgs/battery/25.png" wx:if="{{stateInfo.batteryNum < 30}}" />
      <text>{{stateInfo.batteryNum == null ? '' : stateInfo .batteryNum + "%"}}</text>
    </view>

    <view class="panel-base-call" bindtap="call">
      <van-icon name="phone" />
      <text>电话</text>
    </view>

  </view>

  <view class="panel-site">

    <view class="panel-site-text">
      <view class="panel-site-nav" bindtap="openMapApp">
        <image src="/imgs/guide.png"></image>
        <text>导航</text>
      </view>
      <text>{{stateInfo.site}}</text>
    </view>

    <view class="panel-site-refresh" bindtap="refresh">
      <van-icon name="replay" size="45rpx" />
    </view>

    <view class="panel-site-date">{{stateInfo.uploadTimeFormat}}</view>

  </view>

</view>

<view class="debug">
  <view>信号: {{stateInfo.signalNum}}</view>
  <view>电量: {{stateInfo.batteryNum}}</view>
  <view>定位模式: {{stateInfo.mode}}</view>
  <view>经度: {{stateInfo.lon}}</view>
  <view>纬度: {{stateInfo.lat}}</view>
  <view>速度: {{stateInfo.speed}}</view>
  <view>卫星颗数: {{stateInfo.num}}</view>
  <view>{{stateInfo.uploadTime}}</view>
</view>