xz_dingjie/pages/venue/venue.wxml

<view class="fixed-top">
  <view class="fixed-tab">
    <view class="tab-box {{item.dictionaryId == venueType  ? 'active' : ''}}" wx:for="{{venueTypeList}}" wx:key="index" bindtap="changeVenueType" data-id="{{item.dictionaryId}}">
      <image src="{{venueUrl}}{{imgRoute}}{{item.dictionaryIcon}}"></image>
      <view class="tab-title">{{item.dictionaryName}}</view>
    </view>
  </view>
  <view class="select-tab">
    <view class="select-box {{orderKey == '' ? 'active' : ''}}" bindtap="changeVenuesOrderBy" data-becheck="">
      默认排序
    </view>
    <view class="select-box {{orderKey == 'apart' ? 'active' : ''}}" bindtap="changeVenuesOrderBy" data-becheck="apart">
      离我最近
    </view>
    <view class="select-box {{orderKey == 'timeDesc' ? 'active' : ''}}" bindtap="changeVenuesOrderBy" data-becheck="timeDesc">
      最新发布
    </view>
  </view>
</view>
<view class="venue">
  <view class="venue-box" wx:for="{{venuesList}}" wx:key="index" bindtap="goDetail" data-id="{{item.venuesInfoId}}">
    <view class="venue-img">
      <image src="{{venueUrl}}{{imgRoute}}{{item.venuePanorama}}"></image>
    </view>
    <view class="venue-info">
      <view class="name-distance">
        <view class="name">{{item.venueName}}</view>
        <view class="distance">距离:{{item.apart == '0' ? '未知' : item.apart}}</view>
      </view>
      <view class="time">营业时间:{{item.businessHours}}</view>
    </view>
  </view>
</view>