update

src/views/CourseDetails/index.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="course-details">
+    <div class="course-details-introduction"></div>
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style lang="scss">
+@import '~@/styles/mixin.scss';
+
+.course-details {
+  @include container;
+
+  &-introduction {
+    height: 560px;
+    margin-bottom: 24px;
+  }
+}
+</style>

src/views/live/student/index.vue

@@ -22,14 +22,10 @@
       <div class="live-container-left">
         <div v-show="callLoading" class="loading">
           <div class="loading-wrapper">
-            <p class="loading-title">教师邀请您连麦中</p>
+            <el-avatar icon="el-icon-user" :src="roomInfo.teacher_image_url" />
+            <p class="loading-title">{{ roomInfo.teacher_name }}邀请您连线中</p>
             <div>
-              <el-button
-                type="success"
-                icon="el-icon-phone-outline"
-                circle
-                @click="inviteAccept"
-              ></el-button>
+              <el-button type="success" icon="el-icon-phone-outline" circle @click="inviteAccept" />
             </div>
           </div>
         </div>
@@ -472,8 +468,18 @@ $live-bc: #3d3938;
         &-wrapper {
           text-align: center;
 
+          > .el-avatar {
+            width: 96px;
+            height: 96px;
+            line-height: 96px;
+
+            &--icon {
+              font-size: 36px;
+            }
+          }
+
           .loading-title {
-            margin-bottom: 24px;
+            margin: 24px;
           }
         }
       }

src/views/live/teacher/CompleteList.vue

@@ -232,6 +232,7 @@ export default {
 
         .el-avatar {
           cursor: pointer;
+          margin: 0 8px;
         }
       }