swkz_wx/pages/zhanxun/index.wxml

<view class='container'>
  <view class='top-nav'>
    <view class='yuezhan-con'>
      <view class='yuezhan-nav'>
        <view class="yuezhan-navbar">
          <view style="display: flex;flex-direction:column;" wx:for="{{tabs}}" wx:key="index">
            <view id="{{index}}" class="nav-item {{index==activeIndex?'nav-item_on':''}}" bindtap='tabClick'>
              <view class="nav-item_txt">
                {{item}}
              </view>
            </view>
            <view class="navbar__slider" wx:if="{{index==activeIndex}}">
              <view class='navbar_slider-item'></view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
  
  <!-- 线上看展内容 -->
  <view hidden="{{activeIndex!=0}}">
    <view class="exhibition-list">
      <navigator hover-class='none' url="{{item.online ? ('../wv_page/index?link='+item.product.link+'&id='+item.id+'&imageUrl='+item.imageUrl+'&relayUrl='+item.relayUrl):('../zl_detail/index?id='+item.id+'&imageUrl='+item.imageUrl+'&relayUrl='+item.relayUrl)}}" wx:for="{{onlineExhibitionList}}" wx:key="index" class='fdkz-card'>
        <view class='fdkz-card-img'>
          <view class="new-fdkz-card-tag">
            <text class='fdkz-card-tag-txt'>线上看展</text>
          </view>
          <image src="{{ imgServer + item.imageUrl||defaultImg}}" mode="aspectFill" class='item-img'></image>
        </view>
        <view class='fdkz-card-info'>
          <view class='fdkz-card-info-title'>
            <view class='title-txt'>
              {{item.name}}
            </view>
          </view>
          <view class='fdkz-card-info-date'>
            <view class='date-txt'>{{item.pavilionName}}</view>
            <view class='changguan_title'>
              <text class='iconfont iconredu'>   {{item.pv}}</text>
            </view>
          </view>
          <text></text>
        </view>
      </navigator>
    </view>
    <view class="weui-loadmore" wx:if="{{loading}}">
      <view class="weui-loading"></view>
      <view class="weui-loadmore__tips">正在加载</view>
    </view>
    <view class='noDataClass' hidden='{{onlineExhibitionList.length>0||loading}}'>
      <image class='no_exhibitionImg' mode='aspectFit' src='{{noExhibitionImg}}'></image>
      <view class="tips">
        暂无展会信息
      </view>
    </view>
  </view>
  
  <!-- 线下展讯内容 -->
  <view hidden="{{activeIndex!=1}}">
    <drop-down navItems="{{navItem}}" activeType="{{activeType}}" activeDist="{{activeDist}}" exhiNum="{{exhiNum}}" class="drop-con" bind:closeMask="onIsclose" bind:activeItem="getActiveItem" style="height:{{isShow?'100%':'0'}}"></drop-down>
    <view class='nav-con'>
      <view class='yuezhan-nav'>
        <view class="search-navbar special-search">
          <component-search></component-search>
        </view>
        <view class="yuezhan-navbar yuezhan-navbar-online">
          <view bindtap='to_search' class='nav-tag nav-active'>{{locationName || "北京"}}
            <text class='iconfont iconpaixuxialacaidan'></text>
          </view>
          <view class='nav-right'>
            <view bindtap='showDrop' data-id='dist' data-test='{{activeDist}}' class='nav-tag'>{{activeDist}}
              <text data-id='dist' class='iconfont iconpaixuxialacaidan'></text>
            </view>
            <view bindtap='showDrop' data-id='type' data-test='{{activeType}}' class='nav-tag'>{{activeType}}
              <text data-id='type' class='iconfont iconpaixuxialacaidan'></text>
            </view>
          </view>
        </view>
      </view>
    </view>
    
    <view class='fdkz-card-warpper'>
      <navigator hover-class='none' url="{{item.hasProduct ? ('../wv_page/index?link='+item.product.link+'&id='+item.id+'&imageUrl='+item.imageUrl):('../zl_detail/index?id='+item.id+'&imageUrl='+item.imageUrl)}}" wx:for="{{offlineExhibitionList}}" wx:key="index" class='fdkz-card'>
        <view class='fdkz-card-img'>
          <view wx:if="{{item.statusText}}" class="fdkz-card-tag {{item.statusText == '即将开始' ? 'fdkz-card-tag-start' : ''}} {{item.statusText == '已结束' || item.isExpired ? 'fdkz-card-tag-end' : ''}} {{item.statusText == '热门' || item.isHot ? 'fdkz-card-tag-hot' : ''}}">
            <text class='fdkz-card-tag-txt'>{{item.statusText}}</text>
          </view>
          <image src="{{imgServer+item.imageUrl||defaultImg}}" mode="aspectFill" class='item-img'></image>
        </view>
        <view class='fdkz-card-info'>
          <view class='fdkz-card-info-title'>
            <view class='title-txt'>
              {{item.name}}
            </view>
          </view>
          <view class='fdkz-card-info-date'>
            <view class='date-txt'>{{item.pavilionName}}</view>
            <view class='changguan_title'>
              <text class='iconfont iconweizhi'> {{item.distance||0}} km</text>
            </view>
          </view>
          <text></text>
        </view>
      </navigator>
    </view>
    
    <view class="weui-loadmore" wx:if="{{loading}}">
      <view class="weui-loading"></view>
      <view class="weui-loadmore__tips">正在加载</view>
    </view>
    <view class='noDataClass' hidden='{{offlineExhibitionList.length>0||loading}}'>
      <image class='no_exhibitionImg' mode='aspectFit' src='{{noExhibitionImg}}'></image>
      <view class="tips">
        暂无展会信息
      </view>
      <!-- <view class='locationBtn' wx:if='{{getLocationBtn}}'>
        <button type="warn" open-type='openSetting'>获取地理位置</button>
      </view> -->
    </view>
    
    <view wx:if="{{showConfirm}}" class='comfirmDialog'>
      <view class='comfirmDialog_content'>
        <view class='comfirmDialog_content_tip'>
          <text>此处需要请求您的位置，请授予我们请求权限~</text>
        </view>
        <button type="warn" open-type='openSetting' bindopensetting="closeDialog">确定</button>
      </view>
    </view>
    
    <view class='hot-search-con' wx:if="{{exhiNum <= 3 }}">
      <view class='hot-search'>
        <view class='hot-search-title'>
          <text class='hot-search-title-txt'>热门推荐</text>
        </view>
        <view class='componentList'>
          <block wx:for="{{ExhibitionPopular}}" wx:key="index">
            <component-list
              hasProduct="{{item.hasProduct}}"
              hasPay="{{item.hasPay}}"
              sceneId="{{item.id}}"
              imageUrl="{{item.imageUrl}}"
              name="{{item.name}}"
              pavilionName="{{item.pavilionName}}"
              statusTextDesp="{{item.statusTextDesp}}"
              distance="{{item.distance}}"
              online="{{item.online}}"
              scenePv="{{item.pv}}"
              link="{{item.product.showLink}}"
            ></component-list>
          </block>
        </view>
      </view>
    </view>
  </view>
</view>