work/code 3.0/pages/course_detail/course_detail.wxml

<view class="container">
  <view class="course_name">{{description}}</view>
  <view class="combition">
    <navigator class="option" navigator url="/pages/student_info/student_info">查看学生信息</navigator>
    <image class="right_image" src="/素材/海豚，卡通动物.png"/>
  </view>
  <view class="combition">
    <navigator class="option" navigator url="/pages/choose_name/choose_name">点名</navigator>
    <image class="right_image" src="/素材/bird，鸟，动物，卡通.png"/>
  </view>
  <view class="combition">
    <view class="option" bindtap="update" data-statu="open">添加学生</view>
    <image class="right_image" src="/素材/章鱼，卡通动物.png"/>
  </view>
  <view class="combition">
    <view class="option" bindtap="chooseMessageFile">导入学生名单</view>
    <image class="right_image" src="/素材/猴子，卡通动物.png"/>
  </view>
  <image class="bottom_image" src="/素材/任务完成.png"/>
</view>

<!--弹出框-->
<view class="drawer_screen" bindtap="update" data-statu="close" wx:if="{{showModalStatus}}"></view>
<!--content-->
<!--使用animation属性指定需要执行的动画-->
<view class="animation_position">
  <view animation="{{animationData}}" class="drawer_box" wx:if="{{showModalStatus}}">
    <!--drawer content-->
    <view class="drawer_title">添加学生</view>
    <view class="drawer_content">
      <view class="input_group">
        <view class="label">学生学号:</view>
        <input class="input" bindblur="studentId" placeholder="请输入学生学号"></input>
      </view>
      <view class="input_group">
        <view class="label">学生姓名:</view>
        <input class="input" bindblur="name" placeholder="请输入学生姓名"></input>
      </view>
    </view>
    <view class="btn">
      <view class="btn_no" bindtap="cancel" data-statu="close">取消</view>
      <view class="btn_yes" bindtap="update" data-statu="close">确定</view>
    </view>
  </view>
</view>