imghome.wxml 1.4 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <view style="background: #f5f5f5; padding: 20rpx 0;">
  2. <view class="container">
  3. <view class="top_boxs">
  4. <!-- 搜索 -->
  5. <view class="search-bar">
  6. <input class="search-input" placeholder="搜索课件" />
  7. <image class="search-icon" src="{{souimg}}" />
  8. </view>
  9. <!-- 下拉框 -->
  10. <view class="dropdown-box">
  11. <!-- <picker mode="selector" range="{{levelOptions}}" value="{{selectedLevelIndex}}" bindchange="handleLevelChange">
  12. <view class="dropdown-item">{{levelOptions[selectedLevelIndex]}} <image class="xiala_boxs" src="../../image/imgs/xiala.png" /></view>
  13. </picker> -->
  14. <picker mode="selector" range="{{typeOptions}}" value="{{selectedTypeIndex}}" bindchange="handleTypeChange">
  15. <view class="dropdown-item">{{typeOptions[selectedTypeIndex]}} <image class="xiala_boxs" src="{{xialaimg}}" /></view>
  16. </picker>
  17. </view>
  18. </view>
  19. <!-- 列表 -->
  20. <view class="list-box">
  21. <block wx:for="{{items}}" wx:key="index">
  22. <view class="item">
  23. <image class="item-image" src="{{goods_9}}" />
  24. <view class="item-content">
  25. <view class="item-title">{{item.title}}</view>
  26. <view style="display: flex; justify-content: space-between;">
  27. <view class="item-subtitle">{{item.subtitle}}</view>
  28. </view>
  29. </view>
  30. </view>
  31. </block>
  32. </view>
  33. </view>
  34. </view>