app/pages/home/index/search/search.wxml

<view class='serach-container'>
  <view class='list-search-box'>
    <icon type="search" size="15" />
    <input placeholder="输入搜索内容" bindinput='searchMt' />
  </view>
  <text class='cancle'>取消</text>
</view>

<view class='i-tab'>
  <i-tabs current="{{ current }}" bindchange="handleChange">
    <i-tab key="tab1" title="兼职"></i-tab>
    <i-tab key="tab2" title="活动"></i-tab>
    <i-tab key="tab3" title="实践项目"></i-tab>
  </i-tabs>
</view>

<scroll-view class="container img-content">
  <navigator class="list flex-box">
    <view class="list-img">
      <image class="img" src="{{appAssetsUrl}}/images/sort1.png"></image>
    </view>
		<view class="list-main flex-btn">
		    <view class="list-title list-brief">
			    <text>话务员兼职</text>
        </view>
         <view class="list-brief">
			    <text class="star">完工结算</text>
			    <text class="sale">女生</text>
			    <text class="price">20</text><text class="txt">元小时</text>
        </view>
         <view class="list-brief">
			     <text class="area">洪山区</text>
           <text class="wish">软件园</text>
           <text>10/27-12/27</text>
        </view>
     </view> 
	 <view class="list-sale"><text  class="sales">预定中</text></view>
  </navigator>
  

  <navigator class="list flex-box">
    <view class="list-img">
      <image class="img" src="{{appAssetsUrl}}/images/sort2.png"></image>
    </view>
		<view class="list-main flex-btn">
		    <view class="list-title list-brief">
			    <text>话务员兼职</text>
        </view>
         <view class="list-brief">
			    <text class="star">完工结算</text>
			    <text class="sale">女生</text>
			    <text class="price">20</text><text class="txt">元小时</text>
        </view>
         <view class="list-brief">
			     <text class="area">洪山区</text>
           <text class="wish">软件园</text>
           <text>10/27-12/27</text>
        </view>
     </view> 
	 <view class="list-sale"><text  class="sales">预定中</text></view>
  </navigator>

  <navigator class="list flex-box">
    <view class="list-img">
      <image class="img" src="{{appAssetsUrl}}/images/sort3.png"></image>
    </view>
		<view class="list-main flex-btn">
		    <view class="list-title list-brief">
			    <text>话务员兼职</text>
        </view>
         <view class="list-brief">
			    <text class="star">完工结算</text>
			    <text class="sale">女生</text>
			   <text class="price">20</text><text class="txt">元小时</text>
        </view>
         <view class="list-brief">
			     <text class="area">洪山区</text>
           <text class="wish">软件园</text>
           <text>10/27-12/27</text>
        </view>
     </view> 
	 <view class="list-full"><text  class="sales">已报满</text></view>
  </navigator>

  <navigator class="list flex-box">
    <view class="list-img">
      <image class="img" src="{{appAssetsUrl}}/images/sort4.png"></image>
    </view>
		<view class="list-main flex-btn">
		    <view class="list-title list-brief">
			    <text>话务员兼职</text>
        </view>
         <view class="list-brief">
			    <text class="star">完工结算</text>
			    <text class="sale">女生</text>
			    <text class="price">20</text><text class="txt">元小时</text>
        </view>
         <view class="list-brief">
			     <text class="area">洪山区</text>
           <text class="wish">软件园</text>
           <text>10/27-12/27</text>
        </view>
     </view> 
	 <view class="list-full"><text  class="sales">已报满</text></view>
  </navigator>
</scroll-view>