wx-parent/subpackages/dahome/dahome.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="{{xialaimg}}" /></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>
    <!-- <view>
      <button bindtap="dianji" >新增数据</button>
    </view> -->
    <!-- 列表 -->
    <scroll-view
      class="list_boxsss"
      scroll-y="true"
      bindscrolltolower="loadMore"
      lower-threshold="10"
    >
      <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.dan === 0 ? '初级' : item.dan === 1 ? '中级' : '高级'}}</view>
                <view class="item-download-count">已有{{item.download_count}}人下载</view>
              </view>
              <view class="item-buttons">
                <button class="preview-button"><image class="download-icons" src="{{showimg}}" />在线预览</button>
                <image class="download-icon" src="{{xiaziimg}}" />
              </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>