queued-payment/pages/queuing-information/queuing-information.wxml

<view class="page-content">
  <view class="flex-row tab-bar">
    <view class="flex-grow-1">
      <view class="{{status==-1?'active':''}}" bindtap="statusChange" data-status="-1">
        <text>按时间排序</text>
      </view>
    </view>
    <view class="flex-grow-1">
      <view class="{{status==0?'active':''}}" bindtap="statusChange" data-status="0">
        <text>按最快排序</text>
      </view>
    </view>

  </view>
  <view class="queued-content">
    <view class="queued-content-item">
      <view class="content-item-title">李姐烧烤（普罗旺斯店）</view>
      <view class="content-item-text">购买时排队<span class="text-style">10</span>，当前<span class="text-style">2</span></view>
    </view>
    <view class="queued-content-item">
      <view class="content-item-title">李姐烧烤（青秀万达店）</view>
      <view class="content-item-text">购买时排队<span class="text-style">200</span>，当前<span class="text-style">48</span></view>
    </view>
    <view class="queued-content-item">
      <view class="content-item-title">李姐烧烤（江南万达店）</view>
      <view class="content-item-text">购买时排队<span class="text-style">400</span>，当前<span class="text-style">108</span></view>
    </view>
    <view class="queued-content-item">
      <view class="content-item-title">李姐烧烤（普罗旺斯店）</view>
      <view class="content-item-text">购买时排队<span class="text-style">10</span>，当前<span class="text-style">2</span></view>
    </view>
    <view class="queued-content-item">
      <view class="content-item-title">李姐烧烤（青秀万达店）</view>
      <view class="content-item-text">购买时排队<span class="text-style">200</span>，当前<span class="text-style">48</span></view>
    </view>
    <view class="queued-content-item">
      <view class="content-item-title">李姐烧烤（江南万达店）</view>
      <view class="content-item-text">购买时排队<span class="text-style">400</span>，当前<span class="text-style">108</span></view>
    </view>
    <view class="queued-content-item">
      <view class="content-item-title">李姐烧烤（普罗旺斯店）</view>
      <view class="content-item-text">购买时排队<span class="text-style">10</span>，当前<span class="text-style">2</span></view>
    </view>
    <view class="queued-content-item">
      <view class="content-item-title">李姐烧烤（青秀万达店）</view>
      <view class="content-item-text">购买时排队<span class="text-style">200</span>，当前<span class="text-style">48</span></view>
    </view>
    <view class="queued-content-item">
      <view class="content-item-title">李姐烧烤（江南万达店）</view>
      <view class="content-item-text">购买时排队<span class="text-style">400</span>，当前<span class="text-style">108</span></view>
    </view>
    <view class="queued-content-item">
      <view class="content-item-title">李姐烧烤（普罗旺斯店）</view>
      <view class="content-item-text">购买时排队<span class="text-style">10</span>，当前<span class="text-style">2</span></view>
    </view>
    <view class="queued-content-item">
      <view class="content-item-title">李姐烧烤（青秀万达店）</view>
      <view class="content-item-text">购买时排队<span class="text-style">200</span>，当前<span class="text-style">48</span></view>
    </view>

  </view>
</view>