index.wxml 2.2 KB

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