index.wxml 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <view class="count">
  2. <van-circle value="{{ schedule }}" size="25" color="#5CA5F9" speed="8" wx:if="{{circle}}" />
  3. <van-loading type="spinner" size="25" color="#5CA5F9" wx:if="{{loading}}" />
  4. </view>
  5. <map id="map" longitude="116.3976" latitude="39.909" scale="17" markers="{{markers}}" show-location class="map"></map>
  6. <view class="panel">
  7. <view class="panel-base">
  8. <image src="/imgs/avatar.png" class="panel-base-avatar" />
  9. <view class="panel-base-name">{{stateInfo.deviceName}}</view>
  10. <view class="panel-base-battery">
  11. <image src="/imgs/battery/100.png" wx:if="{{stateInfo.batteryNum>=90}}" />
  12. <image src="/imgs/battery/75.png" wx:if="{{stateInfo.batteryNum >= 60 && stateInfo.batteryNum < 90}}" />
  13. <image src="/imgs/battery/50.png" wx:if="{{stateInfo.batteryNum >= 30 && stateInfo.batteryNum < 60}}"/>
  14. <image src="/imgs/battery/25.png" wx:if="{{stateInfo.batteryNum < 30}}" />
  15. <text>{{stateInfo.batteryNum == null ? '' : stateInfo .batteryNum + "%"}}</text>
  16. </view>
  17. <view class="panel-base-call" bindtap="call">
  18. <van-icon name="phone" />
  19. <text>电话</text>
  20. </view>
  21. </view>
  22. <view class="panel-site">
  23. <view class="panel-site-text">
  24. <view class="panel-site-nav" bindtap="openMapApp">
  25. <image src="/imgs/guide.png"></image>
  26. <text>导航</text>
  27. </view>
  28. <text>{{stateInfo.site}}</text>
  29. </view>
  30. <view class="panel-site-refresh" bindtap="refresh">
  31. <van-icon name="replay" size="45rpx" />
  32. </view>
  33. <view class="panel-site-date">{{stateInfo.uploadTimeFormat}}</view>
  34. </view>
  35. </view>
  36. <view class="debug">
  37. <view>信号: {{stateInfo.signalNum}}</view>
  38. <view>电量: {{stateInfo.batteryNum}}</view>
  39. <view>定位模式: {{stateInfo.mode}}</view>
  40. <view>经度: {{stateInfo.lon}}</view>
  41. <view>纬度: {{stateInfo.lat}}</view>
  42. <view>速度: {{stateInfo.speed}}</view>
  43. <view>卫星颗数: {{stateInfo.num}}</view>
  44. <view>{{stateInfo.uploadTime}}</view>
  45. </view>