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?'map_container':'map_container_big'}}">
    <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>
    <map class="map" id="map" longitude="{{longitude}}" latitude="{{latitude}}" scale="16" show-location="true" markers="{{markers}}" bindmarkertap="makertap" bindregionchange="mapchange" polygon="{{polygon}}">
      <cover-view class='map_location' bindtap='click_location_control' hover-class='map_location_hover'>
        <cover-image class='circle1' src='/images/circle1.png'></cover-image>
      </cover-view>
    </map>
  </view>
  <view class="map_text" hover-class='active' wx:if="{{textData}}">
    <view class="map_text_info">
      <view class='charging_text_title'>
        <view class='charging_text_title1'>
          <text class='bold'>{{textData.name}}</text>
          <text class="h1">{{textData.address}}</text>
        </view>
      </view>
      <view class='chargprice'>
        <text class='inline yellow'>{{textData.chargprice}}</text>
        <text decode="true" class='inline price'>&nbsp;元/度</text>
      </view>
      <text class='inline border'>服务费：{{textData.serviceprice}}元/度</text>
      <text class='inline border'>停车费：{{textData.stopprice}}元/小时</text>
    </view>
    <view class='navigation_info'>
      <view class='navigation' bindtap="getRoute">
        <image src='/images/navigation.png'></image>
      </view>
      <text>{{textData.distance}}km</text>
    </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>