wechat-pilelog/pages/charginfo/charginfo.wxml

<!--pages/charging/charging.wxml-->
<view class="charginfo" hover-class='active'>

  <view class="map_text">
    <view class="map_text_info">
      <view class='charging_text_title'>
        <view class='charging_text_title1'>
          <text class='name'>{{name}}</text>
          <text class="grey">{{address}}</text>
        </view>
      </view>
      <text class='inline yellow'>{{sumprice == null? '暂无电费' : ' ¥ ' + sumprice}}</text>
      <text class='inline grey'>{{chargprice == null? '暂无实时电费' : '实时电费' + chargprice + ' 元/度'}} {{serviceprice == null? '暂无服务费': '服务费' + serviceprice + ' 元/度'}}</text>
      <text class='inline red'>电费收费标准详见启动充电页面</text>
	  <view class="btn_list">
		  <view class="btn">
			  <view class="icon">快</view>
			  <view class="status">空闲 {{fastFree}} / 共 {{fastSum}}</view>
		  </view>
		  <view class="btn slow">
			  <view class="icon slow">慢</view>
			  <view class="status">空闲 {{slowFree}} / 共 {{slowSum}}</view>
	  </view>
    </view>
    </view>

  </view>
  <view class="title_list">终端列表</view>

  <scroll-view class='context' scroll-y='true' bindscrolltolower="bindScrollTolowerEvent" >
    <view class="charg"  hover-class='active' data-keywords="{{item}}" wx:key='{{key}}' wx:for="{{chargList}}"   bindtap="{{item.chargstatusname=='空闲中'?'goScanResult':''}}">
      <view class="runstatus {{item.chargstatusclass}}">
        <view class="runstatus_inner ">
          {{item.chargstatusname}}
        </view>
      </view>
      <view class="chargInfo_v">
      <view class="chargInfo_v_name">{{item.chargStationName}}</view>
      <view class="chargInfo_v_id">{{item.chargPileId}}</view>
      </view>
      <view class="iconleft" >
        <view class="icon {{item.pileType=='慢充'?'slowBar':'fastBar'}}">{{item.pileType=='慢充'?'慢':'快'}}</view>
        <view class="startpower" wx:if="{{item.chargstatusname=='空闲中'}}" >启动充电 ></view>
      </view>
    </view>
  </scroll-view>
  <view class = "bottomm"></view>

</view>