wx-teacher/pages/index/index.wxml

<view style="background: #f5f5f5; padding: 20rpx 0;">
  <view class="container">
    <!-- 搜索 -->
    <view class="search-bar" bindtap="goSearchPage">
      <input class="search-input" placeholder="搜索课件" disabled />
      <image class="search-icon" src="{{souimg}}" />
      <!-- {{souimg}} -->
    </view>
    
    <!-- 空白区域 -->
    <view class="empty-space">
      <swiper style="width: 100%; height: 100%;" autoplay="true" interval="3000" circular>
        <block wx:for="{{carousellist}}" wx:key="index">
          <swiper-item>
            <image style="width: 100%; height: 100%;" src="{{item.url}}" mode="aspectFill" />
          </swiper-item>
        </block>
      </swiper>
    </view>

    <!-- 课程分类按钮 -->
    <view class="course-buttons">
      <!-- {{homepage_4}} -->
      <view class="course-button1" style="background-image: url({{homepage_4}}); background-size: cover;" bindtap="selectGroupOption" data-option="course">
        <view class="nr_boxs">
          <text>课程</text>
          <text>course</text>
        </view>
      </view>
      <view class="course-buttonstow">
        <view class="course-button2" bindtap="selectGroupOption" data-option="training" style="background-image: url({{homepage_3}}); background-size: cover;">
          <view class="nr_boxs">
            <text>培训</text>
            <text>course</text>
          </view>
        </view>
        <view class="course-button3">
          <view class="course-button" bindtap="selectGroupOption" data-option="teaching" style="background-image: url({{homepage_2}}); background-size: cover;">
            <view class="nr_boxs">
              <text>教学</text>
              <text>course</text>
            </view>
          </view>
          <view class="course-button" bindtap="selectGroupOption" data-option="large" style="margin-left: 20rpx; background-image: url({{homepage_1}}); background-size: cover;">
            <view class="nr_boxs">
              <text>展示</text>
              <text>course</text>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>

<!-- Vant Weapp 弹框 -->
<!-- <van-dialog id="van-dialog" /> -->