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 class="list-box">
        <block wx:for="{{items}}" wx:key="index">
          <view class="item">
            <image class="item-image" src="{{goods_9}}" />
            <view class="item-content">
              <view class="item-title">{{item.title}}</view>
              <view style="display: flex; justify-content: space-between;">
                <view class="item-subtitle">{{item.subtitle}}</view>
                <view class="item-download-count">已有{{item.downloadCount}}人下载</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>
</view>