app/pages/home/index/memberArea/memberArea.wxml

<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>