pk8f3pmu2/miniprogram/pages/courses/courses.wxml

<!--pages/addclass/addclass.wxml-->
<view class="container">
    <view class="top" style="position:fixed; top:0; width:100%; margin:0 -12px;z-index:9">
        <mp-searchbar bindinput="search_courses" style="width:100%"></mp-searchbar>
    </view>
  <view class="course-list form-wrap" style="padding-top:50px;">
    <image wx:if="{{courses.length==0 && !loading}}" src="../../images/none2.png" class="none-content"></image>
    <text wx:if="{{courses.length==0 && !loading}}" class="none-content">没有可以加入的课程了</text>
    <block wx:for="{{courses}}" wx:for-item="course" wx:key="id">
      <view hidden="{{course.present}}" bindtap="show_join_course_modal" class="course-item flex-wrap" data-id="{{course.id}}" data-name="{{course.name}}">
        <myicon class="course-icon" type="internet_class" size="26"></myicon>
        <text class="course-name">{{course.name}}</text>
      </view>
    </block>
  </view>
  <view class="loading" wx:if="{{!loaded_all}}">
    <image src="../../images/loading_min.gif" style="width:20px;height:20px"></image>
  </view>
</view>

<!--components/modal/join_course/join_course.wxml-->
<modal id="modal" hidden="{{!show_join_course_modal}}" title="加入课堂" confirm-text="提交" cancel-text="取消" bindcancel="cancel_join_course_modal" bindconfirm="join_course">
  <input type='text' bindinput="update_invite_code"  class="code-input" placeholder="邀请码" auto-focus/>
  <checkbox-group bindchange="update_identities">
      <text>身份：</text>
      <lable class="identity"><checkbox value="professor"/>教师</lable>
      <lable class="identity"><checkbox value="assistant_professor"/>助教</lable>
      <lable class="identity"><checkbox value="student"/>学生</lable>
  </checkbox-group>
</modal>