<scroll-view class="top" scroll-x> 
 | 
   
 | 
  
 | 
  <block wx:for="{{cates}}" wx:key > 
 | 
    <view class="cate-item active"  wx:if="{{index==cateIndex}}" >{{item.attrName}}</view> 
 | 
    <view class="cate-item " wx:if="{{index!=cateIndex}}" bindtap="chooseCate" data-index="{{index}}" >{{item.attrName}}</view> 
 | 
  </block>  
 | 
  
 | 
</scroll-view> 
 | 
  
 | 
  
 | 
<scroll-view scroll-y  > 
 | 
  
 | 
  <view class="service-wrap" wx:for="{{serviceList}}"  wx:key bindtap="chooseService"  
 | 
  data-index="{{index}}" > 
 | 
    <view class="inner-wrap"> 
 | 
      <view class="content-wrap" > 
 | 
        <image mode="aspectFit" src="{{item.imgMobile}}"></image> 
 | 
        <view  class="m-info" > 
 | 
          <view class="title">{{item.title}}</view> 
 | 
          <!-- <view class="price">¥{{item.price}}</view> --> 
 | 
        </view> 
 | 
        <view class="s-info"> 
 | 
          <text class="s-time">约{{item.serviceTime}}分钟</text> 
 | 
          <text class="iconfont iconright"></text> 
 | 
        </view> 
 | 
      </view> 
 | 
    </view> 
 | 
  </view> 
 | 
  
 | 
  
 | 
  
 | 
  
 | 
</scroll-view> 
 |