yunshengtai-uniapp/pages/demandHall/index.wxml

<view class="dmandhall-page">
  <view class="top-box acea-row row-between-wrapper">
    <view class="top-l-box acea-row">
      <view class="tab-item {{active == 1 ? 'tab-item-a' : ''}}" data-i="1" bindtap="topTabClick">资源供应</view>
      <view class="tab-item {{active == 2 ? 'tab-item-a' : ''}}" data-i="2" bindtap="topTabClick">需求广场</view>
    </view>
    <view class="top-r-box acea-row">
      <image src="../../images/home/search2.png"></image>
      <image src="../../images/home/message2.png"></image>
    </view>
  </view>
  <!-- 资源供应 -->
  <view class="resource-box" wx:if="{{active == 1}}">
    <view class="resource-tabs acea-row row-around">
      <view class="tab {{tabActive == 1 ? 'tab-a' : ''}}"data-i="1" bindtap="tabClick">资源列表</view>
      <view class="tab {{tabActive == 2 ? 'tab-a' : ''}}" data-i="2" bindtap="tabClick">企业列表</view>
    </view>
    <view class="screen-box acea-row row-between-wrapper">
      <view class="screen-result">IT软件 · 企业网站</view>
      <view class="screen acea-row row-middle" bindtap="showDialog">
        <text>筛选</text>
        <image src="../../images/home/screen.png"></image>
      </view>
    </view>
    <view class="resource-list">
      <view class="resource-item acea-row-nowrap" wx:for="{{3}}" wx:key="index" wx:if="{{tabActive == 1}}">
        <image src="../../images/home/welfare2.png"></image>
        <view class="resource-info">
          <view class="title">教育类学校官网网站建设</view>
          <view class="tags-box">
            <view class="tag-item">网站建设</view>
          </view>
          <view class="desc line1">针对中小学教育机构、课外培训辅导机构。</view>
          <view class="price">¥20,000</view>
          <view class="company-info">
            <text>出牛科技</text>
            <text>武汉</text>
          </view>
          <view class="toMore-btn">了解详情</view>
        </view>
      </view>
      <view class="resource-item acea-row-nowrap" wx:if="{{tabActive == 2}}" wx:for="{{3}}" wx:key="index">
        <image src="../../images/home/welfare2.png"></image>
        <view class="resource-info">
          <view class="title">教育类学校官网网站建设</view>
          <view class="tags-box">
            <view class="tag-item">网站建设</view>
            <view class="tag-item bgG">IT软件</view>
            <view class="tag-item bgO">APP开发</view>
          </view>
          <view class="desc line2">针对中小学教育机构、课外培训辅导教育机构、课学教育机构、课外培训辅导教育机构、课外培训辅导机构。</view>
          <view class="anli-list acea-row row-between">
            <view class="anli-item acea-row row-column">
              <image src="../../images/home/item-bg.png"></image>
              <text>购物商城优秀资源</text>
            </view>
            <view class="anli-item acea-row row-column">
              <image src="../../images/home/item-bg.png"></image>
              <text>购物商城优秀资源</text>
            </view>
          </view>
          <view class="comment">“非常有责任心” , “老板阅历和经验很丰富”,“很好”</view>
        </view>
      </view>
    </view>
  </view>
  <!-- 企业列表 -->
  <view class="company-list-box">
    <view class="screen-box acea-row row-between-wrapper">
      <view class="screen-result">IT软件 · 企业网站</view>
      <view class="screen acea-row row-middle" bindtap="showDialog">
        <text>筛选</text>
        <image src="../../images/home/screen.png"></image>
      </view>
    </view>
    <view class="company-list">
      <view class="company-item">
        <view class="title-box acea-row row-between">
          <view class="title line1">我需要公司官网设计需要公司官网设计需要公司官网设计</view>
          <view class="price">¥20,000</view>
        </view>
        <view class="tags-box">
          <view class="tag-item">网站建设</view>
          <view class="tag-item bgG">IT软件</view>
          <view class="tag-item bgO">APP开发</view>
        </view>
        <view class="desc line2">针对中小学教育机构、课外培训辅导机构。</view>
        <view class="btn-box acea-row row-between row-middle">
          <view class="end-time">2021.8.30截止报名</view>
          <view class="toMore-btn">了解详情</view>
        </view>
      </view>
    </view>
  </view>
  <view class="mask-box" wx:if="{{showScreenDialog}}">
    <view class="screen-dialog-box {{showScreenDialog ? 'move' : ''}}">
      <view class="screen-list">
        <view class="screen-item">
          <view class="screen-title">所有服务</view>
          <view class="acea-row">
            <view class="item" wx:for="{{9}}" wx:key="index">IT软件</view>
          </view>
        </view>
        <view class="screen-item">
          <view class="screen-title">主题</view>
          <view class="acea-row">
            <view class="item" wx:for="{{9}}" wx:key="index">网站开发</view>
          </view>
        </view>
        <view class="screen-item">
          <view class="screen-title">选择城市</view>
          <view class="acea-row">
            <view class="item" wx:for="{{5}}" wx:key="index">武汉</view>
          </view>
        </view>
        <view class="screen-item">
          <view class="screen-title">区间价格</view>
          <view class="price-box acea-row row-middle">
            <view class="low-price"><input type="text" placeholder="最低价" /></view>
            <view class="across-line"></view>
            <view class="low-price"><input type="text" placeholder="最高价" /></view>
          </view>
        </view>
        <view class="screen-item">
          <view class="screen-title">商家身份<text class="fz20">(所有商家均实名认证)</text></view>
          <view class="acea-row">
            <view class="item">个人认证</view>
            <view class="item">企业认证</view>
          </view>
        </view>
        <view class="submit-box acea-row">
          <view class="btn reset">重置</view>
          <view class="btn finish" bindtap="finishClick">完成</view>
        </view>
      </view>
    </view>
  </view>
  <tabbar tabbar="{{tabbar}}"></tabbar>
</view>