无极低码 ：https://wheart.cn

<view class="navbar">
  <view class="navbar-item" wx:for="{{navbar}}" wx:for-index="idx" data-idx="{{idx}}" bindtap="swichNav">
    <text class="navbar-text {{currentNavbar==idx ? 'active' : ''}}">{{item}}</text>
  </view>
</view>

<!-- 推荐 -->
<scroll-view class="hot-item-container {{currentNavbar==0 ? '' : 'hidden'}}" style="height: {{systemInfo.windowHeight-81}}px;" scroll-y="true" bindscrolltolower="pullUpLoad">
  <block wx:for="{{list}}">
    <view class="hot-item">
      <view class="image-container" data-row-id="{{item.row_id}}" bindtap="onItemClick">
        <image src="{{item.pic}}!app.c540.webp"
          mode="scaleToFill" class="hot-image"
          style="width:{{systemInfo.windowWidth}}px;height:{{systemInfo.windowWidth}}px">
        </image>
        <view class="item-mask">
          <text class="hot-item-title">{{item.name}}</text>
          <text class="hot-item-category">{{item.category}}{{item.size_label?' / '+item.size_label:''}}{{item.times?' / '+item.times:''}}</text>
        </view>
      </view>

      <view class="hot-item-desc">
        <image src="{{item.pic}}/180" class="hot-head-image"></image>
        <view class="hot-item-detail">
          <text class="hot-item-username">{{item.name}}</text>
          <view class="hot-location">
            <image src="../../images/location.png" class="hot-location-icon"></image>
            {{item.category}}
          </view>
        </view>
        <view class="hot-item-like">
          <image src="../../images/like.png" class="hot-like-icon"></image>
          {{item.num_liked}}
        </view>
      </view>
    </view>
  </block>
</scroll-view>

<!-- 最新 -->
<scroll-view class="latest-item-container {{currentNavbar==1 ? '' : 'hidden'}}" style="height: {{systemInfo.windowHeight-81}}px;" scroll-y="true" bindscrolltolower="pullUpLoadLatest">
  <block wx:for="{{latest_list}}" wx:for-index="idx">
    <view wx:if="{{idx%3===0}}" class="latest-item">
      <image src="{{_api.HOST_WORK+latest_list[idx].pic.pid}}!app.c360.webp" class="latest-image"
        data-row-id="{{latest_list[idx].row_id}}" bindtap="onItemClick"
        style="width:{{(systemInfo.windowWidth-2)/3}}px;height:{{(systemInfo.windowWidth-2)/3}}px;" mode="scaleToFill">
      </image>
      <image src="{{_api.HOST_WORK+latest_list[idx+1].pic.pid}}!app.c360.webp" class="latest-image"
        data-row-id="{{latest_list[idx+1].row_id}}" bindtap="onItemClick"
        style="width:{{(systemInfo.windowWidth-2)/3}}px;height:{{(systemInfo.windowWidth-2)/3}}px;" mode="scaleToFill">
      </image>
      <image src="{{_api.HOST_WORK+latest_list[idx+2].pic.pid}}!app.c360.webp" class="latest-image"
        data-row-id="{{latest_list[idx+2].row_id}}" bindtap="onItemClick"
        style="width:{{(systemInfo.windowWidth-2)/3}}px;height:{{(systemInfo.windowWidth-2)/3}}px;" mode="scaleToFill">
      </image>
    </view>
  </block>
</scroll-view>

源码下载地址  https://wheart.cn/so/home?m=dw&rid=157b8cf4-d489-11ed-96fa-52540016e6ac

更多源码和资源请注册会员

无极低码 ：https://wheart.cn