wechat-pilelog/pages/index/index.wxml

<view class='container'>
  <view class="section">
    <view class='input' bindtap="bindInput">
      <image src='/images/search.png'></image>
      <text>{{keywords}}</text>
    </view>
    <view class='city_select'>北京</view>
    <view class='down'>
     <image src='/images/down.png'></image>
    </view>
  </view>
  <view class="{{textData.name?userInfo.flag?'map_container1':'map_container':'map_container_big'}}">
    <map class="map" id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="16" show-location="true" markers="{{markers}}" bindmarkertap="makertap" bindregionchange="mapchange" polygon="{{polygon}}">
      <!-- <view class='map_distance'>
        <picker class="picker" bindchange="bindDistanceinfoChange" value="{{distanceinfoindex}}" range-key="text" range="{{distanceinfo}}">
          <text>距离{{distanceinfo[distanceinfoindex].text}}</text>
        </picker>
      </view> -->
      <view wx:if="{{textData}}" class='map_textdata_fast'>
          <text decode="true">●&nbsp;快充&nbsp;{{textData.fastfreenum==null?0:textData.fastfreenum}}/</text><text style='color:#969696;'>{{textData.fastCharg==null?0:textData.fastCharg}}</text>
      </view>
      <view wx:if="{{textData}}" class='map_textdata_slow'>
          <text decode="true">●&nbsp;慢充&nbsp;{{textData.slowfreenum==null?0:textData.slowfreenum}}/</text><text  style='color:#969696;'>{{textData.slowCharg==null?0:textData.slowCharg}}</text>
      </view>
      <cover-view class='map_location' bindtap='click_location_control' hover-class='map_location_hover'>
        <!-- <cover-image class="circle1_1" src='/images/circle1_1.png'></cover-image> -->
        <cover-image class='circle1' src='/images/circle1.png'></cover-image>
      </cover-view>
      <!-- <cover-view class='map_scan' wx:if="{{!userInfo.flag}}" bindtap='click_scan_control'  hover-class='map_scan_hover'>
        <cover-image src='/images/scan.png' ></cover-image>
      </cover-view> -->
    </map>
  </view>

  <view class="{{userInfo.flag?'map_text1':'map_text'}}" hover-class='active' wx:if="{{textData}}">
    <!-- <view class="map-1" bindtap="getRoute">
      <image src="/images/jt.png"></image>
      <view>路线</view>
    </view> -->
    <view class='charging_text_title'>
      <view class='charging'>
        <image src='/images/charging1.png'></image>
      </view>
      <view class='charging_text_title1'>
        <text class='bold'>{{textData.name}}</text>
        <text class="h1">{{textData.address}}</text>
      </view>
      <text class="h1 right">{{textData.distance}}km</text>
    </view>
    <view style='line-height:0;'>
      <text decode='true' class='inline' wx:if="{{userInfo.flag}}">电桩数：{{textData.chargPileNum}}</text>
      <text decode='true' class='inline' wx:if="{{!userInfo.flag}}">电桩数：{{textData.chargPileNum}}&nbsp;&nbsp;&nbsp;&nbsp;空闲数：</text>
      <text class='fast inline' wx:if="{{!userInfo.flag}}" decode='true'>快{{textData.fastfreenum==null?0:textData.fastfreenum}}&nbsp;&nbsp;</text>
      <text class='slow inline' wx:if="{{!userInfo.flag}}">慢{{textData.slowfreenum==null?0:textData.slowfreenum}}</text>
       <!-- 初始，待运营，运营中，暂停营业，关闭，未运营 -->
      <text  decode='true'  class='inline' >&nbsp;&nbsp;&nbsp;&nbsp;状态：</text>
      <text  decode='true'  class='inline' wx:if="{{textData.operationState==1}}">初始</text>
      <text  decode='true'  class='inline' wx:if="{{textData.operationState==2}}">待运营</text>
      <text  decode='true'  class='inline' wx:if="{{textData.operationState==3}}">运营中</text>
      <text  decode='true'  class='inline' wx:if="{{textData.operationState==4}}">暂停营业</text>
      <text  decode='true'  class='inline' wx:if="{{textData.operationState==5}}">关闭</text>
      <text  decode='true'  class='inline' wx:if="{{textData.operationState==6}}">未运营</text>
    </view>
    <text class='fast'>快桩数：{{textData.fastCharg==null?0:textData.fastCharg}}</text>
    <text class='slow'>慢桩数：{{textData.slowCharg==null?0:textData.slowCharg}}</text>
    <text class='inline' wx:if="{{userInfo.flag}}">当前故障桩：</text><text class='red inline' wx:if="{{userInfo.flag}}">{{textData.breaknum==null?0:textData.breaknum}}</text>
    <text  wx:if="{{!userInfo.flag}}">实时参考电费：{{textData.chargprice}}元/度</text>
    <!--<text decode='true'  wx:if="{{!userInfo.flag}}">实时参考服务费：{{textData.serviceprice}}元/度&nbsp;&nbsp;&nbsp;&nbsp;停车费：{{textData.stopprice}}元/小时</text>-->
    <text decode='true'  wx:if="{{!userInfo.flag}}">实时参考服务费：{{textData.serviceprice}}元/度</text>
    <view class='navigation' bindtap="getRoute">
      <image src='/images/navigation.png'></image>
    </view>
  </view>
</view>

<view wx:if='{{!(textData.name)&&showModal&&notice.noticeTitle}}'>
  <view class="modal_box"> 
    <view class="title"><image src='/images/notice.png' />公告</view>
    <view class='content_title'>{{notice.noticeTitle}}:</view>
    <view class='content'>
      <view class='modalMsg' ><rich-text nodes='{{notice.noticeContent}}'></rich-text></view>
    </view>
    <view bindtap='Sure' class='Sure' hover-class='hover_sure'>确定</view>
  </view>

</view>
<view class='footer'>
  <view class='footer_1' ><image src='/images/index.png'></image><text class='selected'>首页</text></view>
  <view class='footer_2' bindtap='click_scan_control'><image src='/images/scan.png'></image></view>
  <view class='footer_3' bindtap='bindUserAvatarUrl'><image src='/images/ucenter.png'></image><text>我的</text></view>
</view>