epp/weixin-miniprogram/pages/shop/shop.wxml

<!--pages/shop/shop.wxml-->
<view class="search">
  <input id="search-input" class="search-input" maxlength="15" confirm-type="搜索" placeholder="搜索商品" value="{{searchText}}" bindblur="bindSearchInput" bindconfirm="bindSearchInput" />
</view>
<view class="container">
  <!-- sidebar -->
  <view class="sidebar">
    <view class="sidebar-item {{ cate.id == sidebarActiveId ? 'active' : 'deactive' }}" wx:for="{{sidebarList}}" wx:for-item="cate" wx:key="id" bindtap="sidebarItemTap" data-item="{{cate}}">
      <text class="sidebar-item-text">{{ cate.categoryName }}</text>
    </view>
  </view>

  <!-- tabbar -->
  <view class="tabbar">
    <view wx:if="{{ searchText || sidebarActiveId > 0 }}" style="text-align: center;">
      <button type="default" size="mini" bindtap="clearSearchInput">清空筛选条件</button>
    </view>
    <view class="tabbar-group">
      <listcard class="tabbar-item" wx:for="{{tabbarList}}" wx:for-item="item" wx:key="id" goodinfo="{{item}}" />
    </view>
    <view class="no-more">没有更多啦</view>
  </view>
</view>