yunshengtai-uniapp/pages/index/index.wxml

<view class="home-page">
  <view class="page-top-box">
    <image src="../../images/home/top-bg.png" class="top-bg"></image>
    <view class="page-title" style="top:{{menuTop}}px;height:{{menuHeight}}px;line-height: {{menuHeight}}px;">禅意云生态</view>
    <view class="top-box-content" style="top: {{CustomBar + menuHeight}}rpx;">
      <view class="search-box acea-row row-between-wrapper">
        <view class="localtion-box acea-row row-middle">
          <image src="../../images/home/localtion.png"></image>
          <text>{{city}}</text>
        </view>
        <view class="search acea-row row-middle">
          <image src="../../images/home/search.png"></image>
          <text>大家都在搜 APP开发</text>
        </view>
        <image class="message-icon" src="../../images/home/message.png"></image>
      </view>
      <view class="home-menu-box">
        <view class="menu-list acea-row row-between">
          <view class="menu-item acea-row row-column row-middle" wx:for="{{menuList}}" wx:key="index">
            <image src="{{item.icon}}"></image>
            <text>{{item.text}}</text>
          </view>
        </view>
      </view>
    </view>
  </view>
  <!-- 招商会 -->
  <view class="investment-box">
    <view class="investment-title-box acea-row row-between-wrapper">
      <view class="acea-row">
        <text class="fz32">2021秋季招商会</text>
        <view class="hot">热</view>
      </view>
      <view class="more acea-row row-middle">
        <text>全部</text>
        <image src="../../images/home/arrow-r.png"></image>
      </view>
    </view>
    <view class="investement-list">
      <scroll-view class="scroll-view_H" scroll-x="true">
        <view class="investment-item" wx:for="{{4}}" wx:key="index">
          <image class="item-bg" src="../../images/home/item-bg.png"></image>
          <view class="tips-box acea-row row-right">
            <view class="tips-item">人工智能</view>
            <view class="tips-item bg2">人工智能</view>
          </view>
          <view class="item-info-box acea-row row-column row-center">
            <view class="address-box">
              <image src="../../images/home/localtion.png"></image>
              <text>武汉国际会展中心</text>
            </view>
            <view class="time-box">
              <image src="../../images/home/time.png"></image>
              <text>2021.07.31 - 2022-11-30</text>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
  <!-- 尊享福利 -->
  <view class="welfare-box">
    <view class="welfare-title">尊享福利</view>
    <view class="welfare-list-box">
      <scroll-view class="scroll-view_H" scroll-x="true">
        <view class="welfare-item" wx:for="{{3}}" wx:key="index">
          <view class="item-box acea-row">
            <image src="../../images/home/welfare1.png"></image>
            <view class="welfare-info-box acea-row row-column row-between">
              <view>
                <view class="w-name">保时捷Porsche-Panamera 4S E-Hybrid 行政加长版</view>
                <view class="w-address">武汉光谷保时捷中心</view>
              </view>
              <view>
                <view class="w-price">140万</view>
                <view class="w-oldPrice">市场价约为￥157万</view>
              </view>
            </view>
            <view class="buy-btn">立即抢购</view>
          </view>
          <view class="item-box acea-row">
            <image src="../../images/home/welfare2.png"></image>
            <view class="welfare-info-box acea-row row-column row-between">
              <view>
                <view class="w-name">保时捷Porsche-Panamera 4S E-Hybrid 行政加长版</view>
                <view class="w-address">武汉光谷保时捷中心</view>
              </view>
              <view>
                <view class="w-price">140万</view>
                <view class="w-oldPrice">市场价约为￥157万</view>
              </view>
            </view>
            <view class="buy-btn">立即抢购</view>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
  <!-- 供需模块 -->
  <view class="demandhall-box">
    <view class="tabs-box acea-row row-between-wrapper">
      <view class="tab-item {{active == 1 ? 'tab-item-a' : ''}}" data-i="1" bindtap="tabClick">最新供应</view>
      <view class="tab-item {{active == 2 ? 'tab-item-a' : ''}}" data-i="2" bindtap="tabClick">需求广场</view>
      <view class="tab-item {{active == 3 ? 'tab-item-a' : ''}}" data-i="3" bindtap="tabClick">金牌投资人</view>
    </view>
    <view class="list-box" wx:if="{{active == 1}}">
      <view class="item" wx:for="{{resourcesList}}" wx:key="index">
        <view class="item-top">
          <view class="project-name line1">{{item.title}}</view>
          <view class="tag">{{item.cname}}</view>
          <view class="desc">{{item.detailedDescription}}</view>
          <view class="buy-btn" bindtap="toResourcesDetail" data-id="{{item.id}}">了解详情</view>
       </view>
        <view class="company-box acea-row">
          <image src="../../images/home/company-img.png"></image>
          <view class="company-info acea-row row-column row-between">
            <view class="company-name fz28">{{item.enterpriseName}}</view>
            <view class="company-name fz24">成为奋斗者的家园</view>
            <view class="tags-box acea-row">
              <view class="tag-item fz20">网站建设</view>
              <view class="tag-item fz20 bgG">网站建设</view>
              <view class="tag-item fz20 bgO">网站建设</view>
            </view>
          </view>
          <view class="into-btn acea-row row-center-wrapper" bindtap="toCompanyDetail" data-id="{{item.enterpriseId}}">
            <image src="../../images/home/company-icon.png"></image>
            <text>进入企业</text>
          </view>
        </view>
      </view>
      <!-- <view class="item">
        <view class="item-top">
          <view class="project-name">公司企业网站建设 wab网站...</view>
          <view class="tag">IT软件·网站建设</view>
          <view class="desc">可在现有网站基础上进行界面与功能的优化升级，多种视觉风格可供挑选。</view>
          <view class="buy-btn">了解详情</view>
       </view>
        <view class="company-box acea-row">
          <image src="../../images/home/company-img.png"></image>
          <view class="company-info acea-row row-column row-between">
            <view class="company-name fz28">焦点科技</view>
            <view class="company-name fz24">成为奋斗者的家园</view>
            <view class="tags-box acea-row">
              <view class="tag-item fz20">网站建设</view>
              <view class="tag-item fz20 bgG">网站建设</view>
              <view class="tag-item fz20 bgO">网站建设</view>
            </view>
          </view>
          <view class="into-btn acea-row row-center-wrapper">
            <image src="../../images/home/company-icon.png"></image>
            <text>进入企业</text>
          </view>
        </view>
      </view> -->
    </view>
    <view class="list-box" wx:if="{{active == 2}}">
      <view class="item" wx:for="{{demandList}}" wx:key="index" bindtap="toNeedDetail" data-id="{{item.id}}">
        <view class="item-top">
          <view class="project-name">{{item.title}}</view>
          <view class="desc">{{item.detailedDescription}}</view>
          <view class="tags-box tags-box2 acea-row">
              <view class="tag-item fz20">网站建设</view>
              <view class="tag-item fz20 bgG">网站建设</view>
              <view class="tag-item fz20 bgO">网站建设</view>
            </view>
          <view class="price">{{item.capital}}</view>
       </view>
      </view>
      <!-- <view class="item">
        <view class="item-top">
          <view class="project-name">公司企业网站建设 wab网站...</view>
          <view class="desc">可在现有网站基础上进行界面与功能的优化升级，多种视觉风格可供挑选。</view>
          <view class="tags-box tags-box2 acea-row">
              <view class="tag-item fz20">网站建设</view>
              <view class="tag-item fz20 bgG">网站建设</view>
              <view class="tag-item fz20 bgO">网站建设</view>
            </view>
          <view class="price">¥20,000</view>
        </view>
      </view> -->
    </view>
  </view>
  <view class="to-demandhall acea-row row-center row-middle" bindtap="toTab2">
    <text>更多内容去供需大厅</text>
    <image src="../../images/home/arrow-r.png"></image>
  </view>
  <tabbar tabbar="{{tabbar}}"></tabbar>
</view>