test/pages/search/list/index.wxml

<!--pages/search/list/index.wxml-->
<title title="君到苏州（文化旅游总入口）"></title>
<view class="my-top-search">
  <view class="my-search-box">
    <view class="iconfont icon-sousuo"></view>
    <input value="{{oldKeyword}}" bindinput="inputKeyword" type="text" placeholder="搜索"></input>
    <view bindtap="search" class="my-search-btn" bindtap="search">搜索</view>
  </view>
  <view class="search-types">
    <view wx:for="{{types}}" class="search-type{{typeIndex==index?' active':''}}" bindtap="changeType" data-index="{{index}}">{{item.name}}</view>
  </view>
</view>
<view style="height:171rpx"></view>
<view bindtap="gotoDetail" data-item="{{item}}" class="item" wx:for="{{list}}">
  <navigator wx:if="{{item.type=='travels'}}" url="/pages/info/strategyInfo/index?id={{item.s_id}}" class="strategy-item">
    <view class="strategy-title textOver">
      <text class="textOver">{{item.title}}</text>
      <image wx:if="{{item.ext.is_hot}}" src="https://static.ticket.sz-trip.com/xcxImages/listtop/hot.png" mode="widthFix"></image>
    </view>
    <view class="strategy-subtitle textOver2">{{item.ext.subtitle}}</view>
    <view class="strategy-bottom">
      <image src="{{item.ext.avatar}}" mode="aspectFill"></image>
      <view class="strategy-author-name">{{item.ext.user_name}}</view>
      <view class="iconfont icon-xin"></view>
      <text>{{item.ext.like_number}}</text>
      <view class="iconfont icon-eye"></view>
      <text>{{item.ext.view_number}}</text>
    </view>
  </navigator>
  <!-- 景点、门票 -->
  <view class="product-item" wx:if="{{item.ext.type=='scenic' || item.ext.type=='ticket'||item.ext.type=='tenscenic'}}">
    <common-image class="product-img" src="{{item.ext.headimg}}" mode="aspectFill"></common-image>
    <!-- <image></image> -->
    <view class="product-info">
      <view class="product-title">{{item.title}}</view>
      <view class="scene-tags textOver" style="margin-top:20rpx;margin-bottom:30rpx">
        <text class="scene-tag textOver" wx:for="{{item.ext.display_tags}}">{{item}}</text>
      </view>
      <view style="margin-bottom:10rpx" class="scene-address textOver" wx:if="{{item.ext.address}}"><text class="iconfont icon-location"></text>{{item.ext.address}}</view>
      <view class="price-box">
        <view class="textOver" wx:if="{{item.ext.distance}}">距您直线距离{{item.ext.distance}}km</view>
        <view wx:else></view>
        <view wx:if="{{item.ext.type!='tenscenic'}}" class="price"><text>￥</text><text>{{item.ext.price/100}}</text><text>起</text></view>
      </view>
    </view>
  </view>
  <!-- 线路 -->
  <view class="product-item" wx:if="{{item.ext.type=='line'}}">
    <image class="product-img" src="{{item.ext.headimg}}" mode="aspectFill"></image>
    <view class="product-info">
      <view class="product-title">{{item.title}}</view>
      <view class="sale-rate" style="margin-top:15rpx"><text style="color:#D62828;margin-right:20rpx">{{item.ext.rate}}分</text><text>月销{{item.ext.sales_number}}份</text></view>
      <view class="scene-tags textOver" style="margin-top:15rpx;margin-bottom:10rpx">
        <text class="scene-tag textOver" wx:for="{{item.ext.display_tags}}">{{item}}</text>
      </view>
      <view class="price-box">
        <image src="https://static.ticket.sz-trip.com/xcxImages/other/tag.png" mode="widthFix"></image>
        <view class="textOver" style="color:#A3A3A3">{{item.supplier_name}}</view>
        <view class="price"><text>￥</text><text>{{item.ext.price/100}}</text><text>起</text></view>
      </view>
    </view>
  </view>
  <!-- 活动 -->
  <view class="product-item" wx:if="{{item.ext.type=='activity'}}">
    <image class="product-img" src="{{item.ext.headimg}}" mode="aspectFill"></image>
    <view class="product-info show-info">
      <view class="product-title">{{item.title}}</view>
      <view class="show-info">  
        <view>{{item.ext.open_time}}</view>
        <view>{{item.ext.scene_name}}</view>
      </view>
    </view>
  </view>
  <!-- 电影 -->
  <view class="product-item" wx:if="{{item.ext.type=='movie'}}">
    <image class="product-img" src="{{item.ext.headimg}}" mode="aspectFill"></image>
    <view class="product-info show-info">
      <view class="product-title">{{item.title}}</view>
      <view class="show-info">  
        <view class="textOver2">简介：{{item.ext.content}}</view>
        <!-- <view>{{item.ext.scene_name}}</view> -->
      </view>
    </view>
  </view>
  <!-- 美食 卡券 -->
  <view class="product-item" wx:if="{{item.ext.type=='food' || item.ext.type=='coupon'}}">
    <image class="product-img" src="{{item.ext.headimg}}" mode="aspectFill"></image>
    <view class="product-info show-info">
      <view class="product-title">{{item.title}}</view>
      <view class="show-info">  
        <view class="scene-tags textOver">
          <view class="show-tag textOver" wx:for="{{item.ext.display_tags}}">{{item}}</view>
          <view style="flex:1"></view>
          <view class="price"><text>￥</text><text>{{item.ext.price/100}}</text><text>起</text></view>
        </view>
      </view>
    </view>
  </view>
  <!-- 场馆 -->
  <view class="product-item" wx:if="{{item.ext.type=='venue'}}">
    <image class="product-img" src="{{item.ext.headimg}}" mode="aspectFill"></image>
    <view class="product-info show-info">
      <view class="product-title">{{item.title}}</view>
      <view class="show-info">  
        <view>电话：{{item.ext.tel||item.ext.scene_tel}}</view>
        <view>地址：{{item.ext.address||item.ext.supplier_address}}</view>
      </view>
    </view>
  </view>
  <!-- 特产和酒店 演出 -->
  <view class="product-item" wx:if="{{item.ext.type=='post' || item.ext.type=='show' || item.ext.type=='room' || item.ext.type=='hotel'}}">
    <image class="product-img" src="{{item.ext.headimg}}" mode="aspectFill"></image>
    <view class="product-info show-info">
      <view class="product-title">{{item.title}}</view>
      <view class="show-info">  
        <view wx:if="{{item.ext.subtitle || item.ext.sub_title}}">{{item.ext.subtitle || item.ext.sub_title}}</view>
        <view class="scene-tags textOver">
          <view class="show-tag textOver" wx:for="{{item.ext.display_tags}}">{{item}}</view>
          <view style="flex:1"></view>
          <view class="price" style="line-height:50rpx"><text>￥</text><text>{{item.ext.price/100}}</text><text>起</text></view>
        </view>
      </view>
    </view>
  </view>
</view>
<view wx:if="{{list.length==0}}" class="common-empty" style="z-index:-1">
  <image mode="widthFix" src="https://static.ticket.sz-trip.com/xcxImages/other/nodata.png"></image>
  <view>暂无内容</view>
</view>