YouTuan_wxapp/pages/index/index.wxml

<!--index.wxml-->
<view class="suo">
  <!-- 导航栏 -->
  <view class='nav-wrap' style='height: {{height*2 + 20}}px;'>
    <view class='nav-title' style='line-height: {{height*2 + 44}}px;'>优团小栈</view>
  </view>
  <view style="height: {{height*2 + 20}}px;width: 10rpx;"></view>
  <!-- 标签页 -->
  <view class="top-tabs">
    <view class="tab">
      <view class="one" bindtap="tabsbind" wx:for="{{tabs}}" wx:key="index" data-id="{{index}}">
        <p style="color: {{zhong == index ? '#FF874E' : '#656565'}};">{{item}}</p>
        <span class="tabimg">
          <image wx:if="{{zhong == index}}" src="/images/foot-line.png"></image>
        </span>
      </view>
    </view>
  </view>
  <!-- 订阅团长 -->
  <view class="tinfo" wx:if="{{zhong == 0}}">
    <search></search>
    <view class="gbinfo" wx:for="{{dingyues}}" bindtap="navToTuanZhang" data-id="{{item.id}}" data-url="/pages/myhomepage/myhomepage?type=0">
      <view class="gb-body">
        <view class="gb-img">
          <van-image round width="132rpx" fit="cover" height="132rpx" src="{{item.headimg}}" />
          <!-- 未读消息角标 -->
          <!-- <view class="jiaobiao" wx:if="{{item.xiaoxi != 0}}">{{item.xiaoxi}}</view> -->
        </view>
        <view class="gb-content">
          <p class="gb-name">{{item.name}}</p>
          <p class="gb-jianjie">{{item.introduction}}</p>
        </view>
        <view class="gb-mess">
          <p wx:if="{{item.gang_number == 0}}" style="color: #656565;">暂无拼团</p>
          <p wx:else>{{item.gang_number}}个拼团进行中</p>
        </view>
      </view>
    </view>
    <van-empty wx:if="{{dingyues.length == null}}" description="暂无数据" />
  </view>
  <!-- 最近浏览 -->
  <view class="tinfo" wx:if="{{zhong == 1}}">
    <view style="width: 710rpx;height: 82rpx;background-color: white;border-radius: 50rpx;display: flex;align-items: center;justify-content: space-around;margin: 0 auto;">
      <van-icon name="search" style="font-size: 40rpx;color: #A4A4A4;margin-left: 30rpx;" />
      <input type="text" class="tinfoInput" placeholder-class="placeholder-style" placeholder="搜索" placeholder-style="color:#989898;" style="height: 100%;width: 84%;" value="{{goodName}}" bindconfirm="inputGoodName" bindinput="inputGoodName"></input>
    </view>
    <view class="forlate" wx:key="index">
      <order-card wx:for="{{pintuan}}" cardData="{{item}}" data-id="{{item.id}}" bindtap="navToPinTuanDetail"></order-card>
    </view>
    <van-empty wx:if="{{pintuan.length == 0}}" description="暂无数据" />
  </view>
  <!-- 我的订单 -->
  <view class="tinfo" wx:if="{{zhong == 2}}">
    <!-- 订单标签页 -->
    <view class="ordertabs">
      <view class="otop">
        <view class="ortab" wx:for="{{ordertabs}}" bindtap="ordertap" wx:key="indexs" data-oid="{{index}}" wx:for-item="items">
          <view style=" font-size: 28rpx;color: {{orderindex == index?'#FF874E':'#656565'}};">{{items}}</view>
          <view class="orderimg">
            <image wx:if="{{orderindex == index}}" src="/images/foot-line.png"></image>
          </view>
        </view>
        <view class="orderselect" style="margin-top: -10rpx;" catchtap="openSearchPopup">
          <image src="/images/select.png"></image>
        </view>
      </view>
    </view>
    <!-- 订单列表 -->
    <view class="test">
      <order wx:for="{{orders}}" wx:key="index" orderData="{{item}}" data-status="{{item.order_status}}" data-id="{{item.id}}" bind:share="shareOrder" bindtap="navToOrderDetail"></order>
    </view>
    <van-empty wx:if="{{orders.length == 0}}" description="暂无数据" />
  </view>
</view>
<!-- 弹出层-搜索 -->
<van-popup show="{{ showSearchPopup }}" round bind:close="clsoeSearchPopup">
  <view style="width:710rpx;height:82rpx;background-color:white;border-radius:50rpx;display:flex;align-items:center;justify-content:space-around;">
    <van-icon name="search" style="font-size: 40rpx;color: #A4A4A4;margin-left: 30rpx;" />
    <input type="text" bindinput="inputKeyWords" placeholder="输入团长姓名进行搜索" placeholder-style="color:#989898;" style="height:100%;width: 84%;margin-left: 10rpx;"></input>
    <view catchtap="searchKeyWords" style="width: 200rpx;height: 100%;background-color: #FF874E;color: #FFF;text-align: center;line-height: 82rpx;">搜索</view>
  </view>
</van-popup>