index.wxml 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <view style="background: #f5f5f5; padding: 20rpx 0;">
  2. <view class="container">
  3. <!-- 搜索 -->
  4. <view class="search-bar">
  5. <input class="search-input" placeholder="搜索课件" />
  6. <image class="search-icon" src="{{souimg}}" />
  7. </view>
  8. <!-- 空白区域 -->
  9. <view class="empty-space">
  10. <swiper style="width: 100%; height: 100%;" autoplay="true" interval="3000" circular>
  11. <block wx:for="{{carousellist}}" wx:key="index">
  12. <swiper-item>
  13. <image style="width: 100%; height: 100%;" src="{{item}}" mode="aspectFill" />
  14. </swiper-item>
  15. </block>
  16. </swiper>
  17. </view>
  18. <!-- 课程分类按钮 -->
  19. <view class="course-buttons">
  20. <view class="course-button1" bindtap="selectGroupOption" data-option="dahome" style="background-image: url({{homepage_8}}); background-size: cover;">
  21. <view class="nr_boxs">
  22. <text>全脑智能开发答案</text>
  23. <text>course</text>
  24. </view>
  25. </view>
  26. <view class="course-button1" bindtap="selectGroupOption" data-option="imghome" style="margin-left: 20rpx; background-image: url({{homepage_9}}); background-size: cover;">
  27. <view class="nr_boxs">
  28. <text>动手动脑图库</text>
  29. <text>course</text>
  30. </view>
  31. </view>
  32. <!-- <view class="course-buttonstow">
  33. <view class="course-button2" bindtap="selectGroupOption" data-option="training">
  34. <view class="nr_boxs">
  35. <text>培训</text>
  36. <text>course</text>
  37. </view>
  38. </view>
  39. <view class="course-button3">
  40. <view class="course-button" bindtap="selectGroupOption" data-option="teaching">
  41. <view class="nr_boxs">
  42. <text>教学</text>
  43. <text>course</text>
  44. </view>
  45. </view>
  46. <view class="course-button" bindtap="selectGroupOption" data-option="large" style="margin-left: 20rpx;">
  47. <view class="nr_boxs">
  48. <text>展示</text>
  49. <text>course</text>
  50. </view>
  51. </view>
  52. </view>
  53. </view> -->
  54. </view>
  55. </view>
  56. </view>