diff --git a/pages.json b/pages.json
index 737dc00..1efb958 100644
--- a/pages.json
+++ b/pages.json
@@ -132,7 +132,20 @@
         "navigationBarBackgroundColor": "#292929",
         "navigationBarTextStyle": "white"
       }
+    },
+    {
+      "path": "pages/coach/student/info",
+      "style": {
+        "navigationBarTitleText": "学员详情",
+        "navigationStyle": "default",
+        "navigationBarBackgroundColor": "#29d3b4",
+        "navigationBarTextStyle": "white"
+      }
     }
+
+
+
+
   ],
   "globalStyle": {
     "navigationBarTextStyle": "white",
diff --git a/pages/coach/class/info.vue b/pages/coach/class/info.vue
index a38d729..581e1f7 100644
--- a/pages/coach/class/info.vue
+++ b/pages/coach/class/info.vue
@@ -40,7 +40,7 @@
           <view>最近课程</view>
         </view>
         <view class="tag_list">
-          <view class="item">
+          <view class="item" @click="openViewCourseInfo({id:1})">
             <view class="title">
               篮球少儿课
             </view>
@@ -48,7 +48,7 @@
               2020.05.30 15:30 - 17:30
             </view>
           </view>
-          <view class="item">
+          <view class="item" @click="openViewCourseInfo({id:2})">
             <view class="title">
               篮球少儿课
             </view>
@@ -73,7 +73,7 @@
       <!-- 班级成员列表-->
       <view class="section_4" v-if="tabType=='1'">
         <view class="ul">
-          <view class="li">
+          <view class="li" @click="openViewStudentInfo({id:1})">
            <view class="left">
              <view class="box_1">
                <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
@@ -97,7 +97,7 @@
              </view>
            </view>
           </view>
-          <view class="li">
+           <view class="li" @click="openViewStudentInfo({id:1})">
             <view class="left">
               <view class="box_1">
                 <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
@@ -121,7 +121,7 @@
               </view>
             </view>
           </view>
-          <view class="li">
+           <view class="li" @click="openViewStudentInfo({id:1})">
             <view class="left">
               <view class="box_1">
                 <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
@@ -145,7 +145,7 @@
               </view>
             </view>
           </view>
-          <view class="li">
+           <view class="li" @click="openViewStudentInfo({id:1})">
             <view class="left">
               <view class="box_1">
                 <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
@@ -169,7 +169,7 @@
               </view>
             </view>
           </view>
-          <view class="li">
+           <view class="li" @click="openViewStudentInfo({id:1})">
             <view class="left">
               <view class="box_1">
                 <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
@@ -193,7 +193,7 @@
               </view>
             </view>
           </view>
-          <view class="li">
+           <view class="li" @click="openViewStudentInfo({id:1})">
             <view class="left">
               <view class="box_1">
                 <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
diff --git a/pages/coach/student/info.vue b/pages/coach/student/info.vue
new file mode 100644
index 0000000..f8116d2
--- /dev/null
+++ b/pages/coach/student/info.vue
@@ -0,0 +1,686 @@
+<!--学员-详情-->
+<template>
+  <view class="main_box">
+    <!--自定义导航栏-->
+    <view class="navbar_section">
+      <view class="title">学员详情</view>
+    </view>
+
+    <view class="main_section">
+      <view class="section_1">
+        <view class="left">
+          <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+          <view class="name">包皮子</view>
+        </view>
+        <view class="right">
+          <view class="item">
+            班级：少年班
+          </view>
+
+          <view class="item">
+            地点：XXXX体育馆 302室
+          </view>
+
+          <view class="item">
+            课程：篮球少儿课
+          </view>
+
+          <view class="item">
+            人数：30人
+          </view>
+
+          <view class="item">
+            时间：2020.05:25 15:30 - 17:30
+          </view>
+        </view>
+      </view>
+
+      <view class="section_2">
+        <view class="title_box">
+          <view>最近课程</view>
+        </view>
+        <view class="tag_list">
+          <view class="item" @click="openViewCourseInfo({id:1})">
+            <view class="title">
+              篮球少儿课
+            </view>
+            <view>
+              2020.05.30 15:30 - 17:30
+            </view>
+          </view>
+          <view class="item" @click="openViewCourseInfo({id:2})">
+            <view class="title">
+              篮球少儿课
+            </view>
+            <view>
+              2020.05.30 15:30 - 17:30
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <view class="section_3">
+        <view class="btn_box">
+          <view :class="['btn', tabType=='1'?'select':'']" @click="tabChange(1)">
+            班级成员(30)
+          </view>
+          <view :class="['btn', tabType=='2'?'select':'']" @click="tabChange(2)">
+            作业任务
+          </view>
+        </view>
+      </view>
+
+      <!-- 班级成员列表-->
+      <view class="section_4" v-if="tabType=='1'">
+        <view class="ul">
+          <view class="li" @click="openViewStudentInfo({id:1})">
+           <view class="left">
+             <view class="box_1">
+               <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+               <view class="tag_box">
+                 即将到期
+               </view>
+             </view>
+             <view class="box_2">
+               <view class="name">黄明明</view>
+               <view class="date">课程截止时间：2020.05:25</view>
+             </view>
+           </view>
+           <view class="right">
+             <view class="item">
+               <view>24</view>
+               <view>已上课时</view>
+             </view>
+             <view class="item">
+               <view>24</view>
+               <view>剩余课时</view>
+             </view>
+           </view>
+          </view>
+           <view class="li" @click="openViewStudentInfo({id:1})">
+            <view class="left">
+              <view class="box_1">
+                <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                <view class="tag_box">
+                  即将到期
+                </view>
+              </view>
+              <view class="box_2">
+                <view class="name">黄明明</view>
+                <view class="date">课程截止时间：2020.05:25</view>
+              </view>
+            </view>
+            <view class="right">
+              <view class="item">
+                <view>24</view>
+                <view>已上课时</view>
+              </view>
+              <view class="item">
+                <view>24</view>
+                <view>剩余课时</view>
+              </view>
+            </view>
+          </view>
+           <view class="li" @click="openViewStudentInfo({id:1})">
+            <view class="left">
+              <view class="box_1">
+                <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                <view class="tag_box">
+                  即将到期
+                </view>
+              </view>
+              <view class="box_2">
+                <view class="name">黄明明</view>
+                <view class="date">课程截止时间：2020.05:25</view>
+              </view>
+            </view>
+            <view class="right">
+              <view class="item">
+                <view>24</view>
+                <view>已上课时</view>
+              </view>
+              <view class="item">
+                <view>24</view>
+                <view>剩余课时</view>
+              </view>
+            </view>
+          </view>
+           <view class="li" @click="openViewStudentInfo({id:1})">
+            <view class="left">
+              <view class="box_1">
+                <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                <view class="tag_box">
+                  即将到期
+                </view>
+              </view>
+              <view class="box_2">
+                <view class="name">黄明明</view>
+                <view class="date">课程截止时间：2020.05:25</view>
+              </view>
+            </view>
+            <view class="right">
+              <view class="item">
+                <view>24</view>
+                <view>已上课时</view>
+              </view>
+              <view class="item">
+                <view>24</view>
+                <view>剩余课时</view>
+              </view>
+            </view>
+          </view>
+           <view class="li" @click="openViewStudentInfo({id:1})">
+            <view class="left">
+              <view class="box_1">
+                <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+                <view class="tag_box">
+                  即将到期
+                </view>
+              </view>
+              <view class="box_2">
+                <view class="name">黄明明</view>
+                <view class="date">课程截止时间：2020.05:25</view>
+              </view>
+            </view>
+            <view class="right">
+              <view class="item">
+                <view>24</view>
+                <view>已上课时</view>
+              </view>
+              <view class="item">
+                <view>24</view>
+                <view>剩余课时</view>
+              </view>
+            </view>
+          </view>
+           <view class="li" @click="openViewStudentInfo({id:1})">
+            <view class="left">
+              <view class="box_1">
+                <image class="pic" src="http://www.firstui.cn:4000/vipdoc/img/img_logo.png"></image>
+<!--                <view class="tag_box">-->
+<!--                  即将到期-->
+<!--                </view>-->
+              </view>
+              <view class="box_2">
+                <view class="name">黄明明</view>
+                <view class="date">课程截止时间：2020.05:25</view>
+              </view>
+            </view>
+            <view class="right">
+              <view class="item">
+                <view>24</view>
+                <view>已上课时</view>
+              </view>
+              <view class="item">
+                <view>24</view>
+                <view>剩余课时</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!--作业列表-->
+      <view class="section_5" v-if="tabType=='2'">
+        <view class="ul">
+          <view class="li">
+            <view class="left">
+              <view class="box_1">
+                <fui-circle
+                    :percent="75"
+                    :width="140"
+                    :show="false"
+                    color="#FFB703"
+                    background="#e9e9e9"
+                    foreground="#58a3f7"
+                    gradient="#58a3f7"
+                    :strokeWidth="4"
+                    :size="16"
+                >
+                  <!-- 自定义显示内容 -->
+                  <template #default>
+                    <view class="custom_content">
+                      <text>12</text>
+                      <text>/</text>
+                      <text>34</text>
+                    </view>
+                  </template>
+                </fui-circle>
+              </view>
+              <view class="box_2">
+                完成率：80%
+              </view>
+            </view>
+           <view class="right">
+             <view class="box_1">
+               任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
+             </view>
+             <view class="box_2">
+               <view class="date">发布时间：2021.05.25</view>
+               <view class="btn">详情</view>
+             </view>
+           </view>
+          </view>
+          <view class="li">
+            <view class="left">
+              <view class="box_1">
+                <fui-circle
+                    :percent="75"
+                    :width="140"
+                    :show="false"
+                    color="#FFB703"
+                    background="#e9e9e9"
+                    foreground="#58a3f7"
+                    gradient="#58a3f7"
+                    :strokeWidth="4"
+                    :size="16"
+                >
+                  <!-- 自定义显示内容 -->
+                  <template #default>
+                    <view class="custom_content">
+                      <text>12</text>
+                      <text>/</text>
+                      <text>34</text>
+                    </view>
+                  </template>
+                </fui-circle>
+              </view>
+              <view class="box_2">
+                完成率：80%
+              </view>
+            </view>
+            <view class="right">
+              <view class="box_1">
+                任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
+              </view>
+              <view class="box_2">
+                <view class="date">发布时间：2021.05.25</view>
+                <view class="btn">详情</view>
+              </view>
+            </view>
+          </view>
+          <view class="li">
+            <view class="left">
+              <view class="box_1">
+                <fui-circle
+                    :percent="75"
+                    :width="140"
+                    :show="false"
+                    color="#FFB703"
+                    background="#e9e9e9"
+                    foreground="#58a3f7"
+                    gradient="#58a3f7"
+                    :strokeWidth="4"
+                    :size="16"
+                >
+                  <!-- 自定义显示内容 -->
+                  <template #default>
+                    <view class="custom_content">
+                      <text>12</text>
+                      <text>/</text>
+                      <text>34</text>
+                    </view>
+                  </template>
+                </fui-circle>
+              </view>
+              <view class="box_2">
+                完成率：80%
+              </view>
+            </view>
+            <view class="right">
+              <view class="box_1">
+                任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
+              </view>
+              <view class="box_2">
+                <view class="date">发布时间：2021.05.25</view>
+                <view class="btn">详情</view>
+              </view>
+            </view>
+          </view>
+          <view class="li">
+            <view class="left">
+              <view class="box_1">
+                <fui-circle
+                    :percent="75"
+                    :width="140"
+                    :show="false"
+                    color="#FFB703"
+                    background="#e9e9e9"
+                    foreground="#58a3f7"
+                    gradient="#58a3f7"
+                    :strokeWidth="4"
+                    :size="16"
+                >
+                  <!-- 自定义显示内容 -->
+                  <template #default>
+                    <view class="custom_content">
+                      <text>12</text>
+                      <text>/</text>
+                      <text>34</text>
+                    </view>
+                  </template>
+                </fui-circle>
+              </view>
+              <view class="box_2">
+                完成率：80%
+              </view>
+            </view>
+            <view class="right">
+              <view class="box_1">
+                任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容任务内容
+              </view>
+              <view class="box_2">
+                <view class="date">发布时间：2021.05.25</view>
+                <view class="btn">详情</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+<!--    底部导航-->
+<!--    <AQTabber/>-->
+  </view>
+</template>
+
+<script>
+import user from '@/api/user.js';
+import AQTabber from "@/components/AQ/AQTabber.vue"
+
+
+export default {
+  components: {
+    AQTabber,
+  },
+  data() {
+    return {
+      formData:{},
+      tabType:'1',//1=班级成员,2=作业任务
+    }
+  },
+  onLoad() {
+  },
+  methods: {
+    //切换tab
+    tabChange(tabType) {
+      this.tabType = tabType
+    },
+
+    //打开课程详情
+    openViewCourseInfo(item){
+      uni.navigateTo({
+        url: '/pages/coach/course/info'
+      })
+    },
+    //打开学员详情页
+    openViewStudentInfo(item){
+      uni.navigateTo({
+        url: '/pages/coach/student/info'
+      })
+    },
+  }
+}
+</script>
+
+<style lang="less" scoped>
+
+.main_box{
+  background: #292929 ;
+}
+
+//自定义导航栏
+.navbar_section{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #292929;
+  .title{
+    padding: 20rpx 0;
+    font-size: 30rpx;
+    color: #fff;
+  }
+}
+
+.main_section{
+  min-height: 100vh;
+  background: #292929 100%;
+  padding: 0 24rpx;
+  padding-top: 40rpx;
+  padding-bottom: 150rpx;
+  font-size: 24rpx;
+  color: #FFFFFF;
+
+  .section_1 {
+    background: #333333;
+    border-radius: 16rpx;
+    padding: 34rpx 64rpx;
+    display: flex;
+    align-items: center;
+    gap: 38rpx;
+    .left{
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 12rpx;
+      .pic{
+        width: 92rpx;
+        height: 92rpx;
+        border-radius: 50%;
+      }
+    }
+    .right{
+      display: flex;
+      flex-direction: column;
+      gap: 12rpx;
+      .item {}
+    }
+  }
+
+  .section_2{
+    margin-top: 42rpx;
+    .title_box{
+      font-size: 32rpx;
+    }
+    .tag_list{
+      margin-top: 26rpx;
+      display: flex;
+      align-items: center;
+      gap: 26rpx;
+      .item{
+        padding-left: 20rpx;
+        width: 330rpx;
+        height: 162rpx;
+        border: 1px solid #00e5bb;
+        border-radius: 10rpx;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        gap: 10rpx;
+      }
+    }
+  }
+
+  //按钮切换
+  .section_3{
+    margin-top: 54rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .btn_box{
+      border: 1px solid #d7d7d7;
+      border-radius: 25rpx;
+      width: 500rpx;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      overflow: hidden;
+      .btn{
+        width: 250rpx;
+        height: 76rpx;
+        line-height: 76rpx;
+        text-align: center;
+        color: #7F7F7F;
+        font-size: 26rpx;
+      }
+      .select{
+        color: #29D3B4;
+        background-color: #fff;
+      }
+    }
+
+  }
+
+  //班级成员列表
+  .section_4{
+    margin-top: 40rpx;
+    .ul{
+      display: flex;
+      flex-direction: column;
+      gap: 10rpx;
+      .li{
+        padding: 20rpx 0;
+        padding-bottom: 40rpx;
+        border-bottom: 2px solid #D7D7D7;
+        display: flex;
+        justify-content: space-between;
+        .left{
+          display: flex;
+          align-items: center;
+          gap: 30rpx;
+          .box_1{
+            padding-left: 20rpx;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            position: relative;
+            .pic{
+              width: 84rpx;
+              height: 84rpx;
+              border-radius: 50%;
+            }
+            .tag_box{
+              position: absolute;
+              bottom: -30rpx;
+              width: 120rpx;
+              height: 38rpx;
+              background-color: #F59A23;
+              border-radius: 4rpx;
+              line-height: 35rpx;
+              text-align: center;
+              font-size: 20rpx;
+            }
+          }
+          .box_2{
+            display: flex;
+            flex-direction: column;
+            gap: 20rpx;
+            .name{
+              font-size: 28rpx;
+            }
+            .date{
+              font-size: 24rpx;
+            }
+          }
+        }
+        .right{
+          display: flex;
+          align-items: center;
+          gap: 14rpx;
+          .item{
+            border: 1px solid #00E5BB;
+            border-radius: 10rpx;
+            width: 102rpx;
+            display: flex;
+            flex-direction: column;
+            view{
+              text-align: center;
+              height: 50rpx;
+              line-height: 50rpx;
+            }
+            view:nth-child(1){
+              font-size: 32rpx;
+              background-color: #fff;
+              color: #00e5bb;
+            }
+            view:nth-child(2){
+              font-size: 20rpx;
+              background-color: #00e5bb;
+            }
+          }
+        }
+      }
+    }
+
+  }
+
+  .section_5{
+    .ul{
+      .li{
+        padding-top: 32rpx;
+        padding-bottom: 36rpx;
+        border-bottom: 2px solid #D7D7D7;
+        display: flex;
+        justify-content: space-between;
+        .left{
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          gap: 12rpx;
+          .box_1{
+            .custom_content{
+              font-size: 32rpx;
+              color: #AAAAAA;
+            }
+          }
+          .box_2{
+            color: #AAAAAA;
+            font-size: 26rpx;
+          }
+        }
+        .right{
+          width: 510rpx;
+          display: flex;
+          flex-direction: column;
+          gap: 16rpx;
+          .box_1{
+            color: #fff;
+            font-size: 28rpx;
+          }
+          .box_2{
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            .date{
+              color: #AAAAAAFF;
+              font-size: 24rpx;
+              text-align: right;
+            }
+            .btn{
+              width: 120rpx;
+              height: 48rpx;
+              line-height: 40rpx;
+              border-radius: 8rpx;
+              background-color: #FFFFFF00;
+              color: #FAD04DFF;
+              font-size: 26rpx;
+              text-align: center;
+              border: 2rpx solid #FAD04DFF;
+            }
+          }
+        }
+      }
+    }
+  }
+
+
+
+
+
+
+
+}
+
+
+</style>
\ No newline at end of file