schoolwisdoms-student-mp/pages/index/index.wxml

<view class="container">
  <!-- 顶部学生信息 -->
  <view class="head-view">
    <view class="head-left">
      <view class="head-img-view" wx:for="{{stuList}}" wx:key="index" data-id="{{item.id}}" bindtap="changeStu">
        <image class="{{curStu == item.id ? 'curStu' : 'stuHead'}}" wx:if="{{index == 0}}" src="/images/head.png">
        </image>
        <image class="{{curStu == item.id ? 'curStu' : 'stuHead'}}" wx:if="{{index != 0}}" src="/images/head2.png">
        </image>
      </view>
    </view>
    <view class="head-right">
      <view class="section">
        <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
          <view class="picker">
            {{array[index]}}
          </view>
        </picker>
      </view>
    </view>
  </view>
  <!-- end -->

  <!-- 轮播图 -->
  <view class="swiper">
    <swiper class="banner" autoplay circular interval="3000">
      <block wx:for="{{1}}" wx:key="index">
        <swiper-item class="banner-box">
          <image lazy-load mode="aspectFill" class="bb-image"
            src="https://file.schoolwisdoms.com/image/f398463b-3357-4dae-a6d0-4384a9c9d173.jpg"></image>
        </swiper-item>
      </block>
    </swiper>
  </view>
  <!-- end -->

  <!-- 课程数据 -->
  <view class="class-view">
    <view class="title">课程数据</view>
    <view class="class-list">
      <view class="class-box" wx:for="{{classList}}" wx:key="index">
        <view class="class-img">
          <image src="{{item.img}}"></image>
        </view>
        <view class="class-detail">
          <view class="class-num">{{item.num}}</view>
          <view class="class-title">{{item.title}}</view>
        </view>
      </view>
    </view>
  </view>
  <!-- end -->

  <!-- 我的应用 -->
  <view class="app-view">
    <view class="title">我的应用</view>
    <view class="app-list">
      <view class="app-box" wx:for="{{appList}}" wx:key="index">
        <view class="app-img">
          <image src="{{item.img}}"></image>
        </view>
        <view class="app-title">{{item.title}}</view>
      </view>
    </view>
  </view>
  <!-- end -->

  <!-- 学生秀 -->
  <view class="show-view">
    <view class="title-view">
      <view class="title">学生秀</view>
      <view class="more">更多</view>
    </view>
    <showView list="{{stuShowList}}"></showView>
    <view class="reset-btn">换一批</view>
  </view>
  <!-- end -->

   <!-- 老师秀 -->
   <view class="show-view">
    <view class="title-view">
      <view class="title">老师秀</view>
      <view class="more">更多</view>
    </view>
    <showView list="{{teaShowList}}"></showView>
    <view class="reset-btn">换一批</view>
  </view>
  <!-- end -->

</view>