| <view class='ticket-container'> | 
|   <scroll-view scroll-y bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-into-view="{{toView}}" scroll-top="{{scrollTop}}"> | 
|     <!--Tab布局--> | 
|     <view class='title'> | 
|       <block wx:for="{{tabs}}" wx:key> | 
|         <view class="{{index == currentIndex ? 'title-sel-selected' : 'title-sel'}}" bindtap='titleClick' | 
|         data-idx='{{index}}'> | 
|             <text>{{item.attrName}}</text> | 
|             <hr class="line-style" /> | 
|         </view> | 
|       </block> | 
|     </view> | 
|   | 
|     <!--内容布局--> | 
|     <view class='swiper'> | 
|       <scroll-view class="top"   scroll-x> | 
|         <view class="cate-item  {{secondIndex==-1?'active':''}} " data-index="-1" bindtap="chooseSecondCata" >全部</view> | 
|         <view wx:for="{{secondTabs}}"   wx:key | 
|           class="cate-item {{secondIndex==index?'active':''}} "  bindtap="chooseSecondCata" data-index="{{index}}" >{{item.attrName}}</view> | 
|       </scroll-view> | 
|       <view class="service-wrap" wx:for="{{productList}}"  wx:key > | 
|         <navigator url="/pages/service/details?id={{item.id}}" > | 
|         <image mode="aspectFill" class="simg" src="{{item.imgMobile}}" ></image> | 
|         <view class="ser-title">{{item.title}}</view> | 
|         <view class="s-info" wx:if="{{item.isService==1}}" >   | 
|           <text class="iconfont iconshijian" ></text> | 
|           <text >{{item.serviceTime}} 分钟</text> | 
|         </view> | 
|         <view class="price-info"> | 
|           <view class="price">¥ {{item.price}} </view> | 
|           <view  wx:if="{{item.isService==1}}"  class="yy" capture-catch:touchstart="yuyue" data-index="{{index}}" >预约</view> | 
|           <view  wx:if="{{item.isService!=1}}"  class="yy"   data-index="{{index}}" >购买</view> | 
|         </view>  | 
|         </navigator> | 
|       </view> | 
|     </view> | 
|   </scroll-view> | 
| </view> |