wx-parent/subpackages/imghome/imghome.wxml

<view style="background: #f5f5f5; padding: 20rpx 0;">
  <view class="container">
    <view class="top_boxs">
      <!-- 搜索 -->
      <view class="search-bar">
        <input class="search-input" placeholder="搜索课件" />
        <image class="search-icon" src="{{souimg}}" />
      </view>
      <!-- 下拉框 -->
      <view class="dropdown-box">
        <!-- <picker mode="selector" range="{{levelOptions}}" value="{{selectedLevelIndex}}" bindchange="handleLevelChange">
          <view class="dropdown-item">{{levelOptions[selectedLevelIndex]}} <image class="xiala_boxs" src="../../image/imgs/xiala.png" /></view>
        </picker> -->
        <picker mode="selector" range="{{typeOptions}}" value="{{selectedTypeIndex}}" bindchange="handleTypeChange">
          <view class="dropdown-item">{{typeOptions[selectedTypeIndex]}} <image class="xiala_boxs" src="{{xialaimg}}" /></view>
        </picker>
      </view>
    </view>

    <!-- 列表 -->
    <scroll-view
      class="list_boxsss"
      scroll-y="true"
      bindscrolltolower="loadMore"
      lower-threshold="100"
    >
      <view class="list-box">
        <block wx:for="{{items}}" wx:key="index">
          <view class="item" bindtap="goToGoodsList" data-item="{{item}}">
            <image class="item-image" src="{{item.cover}}" />
            <view class="item-content">
              <view class="item-title">{{item.name}}</view>
              <view style="display: flex; justify-content: space-between;">
                <view class="item-subtitle">{{item.level}}段</view>
              </view>
            </view>
          </view>
        </block>
      </view>
      <view wx:if="{{ isLoading }}" class="loading-text">加载中...</view>
      <view wx:elif="{{ !hasMore }}" class="no-more-text">没有更多了</view>
    </scroll-view>
  </view>
</view>