update

src/views/live/teacher/CompleteList.vue

@@ -15,8 +15,8 @@
             <el-avatar
               v-for="item in student_list"
               :key="item.student_id"
-              size="small"
               :class="{ active: curStudent === item.student_id }"
+              icon="el-icon-user"
               :src="item.student_image_url"
             />
           </div>
@@ -208,10 +208,10 @@ export default {
 
     listMove(direction) {
       let w = this.$refs.list.clientWidth - this.$refs.avatar.clientWidth;
-      if (w > 40) {
+      if (w > 60) {
         let left = Number(this.$refs.list.style['margin-left'].slice(0, -2));
-        let width = direction === 'right' ? left - 40 : left + 40;
-        if (Math.abs(width) > w + 10) width = w;
+        let width = direction === 'right' ? left - 60 : left + 60;
+        if (Math.abs(width) > w) width = -w;
         this.marginLeft = width > 0 ? 0 : width;
       }
     }
@@ -236,7 +236,7 @@ export default {
     .student-list {
       display: flex;
       justify-content: space-between;
-      height: 32px;
+      height: 44px;
       align-items: center;
       margin-bottom: 24px;
       overflow: hidden;
@@ -251,7 +251,7 @@ export default {
 
           .el-avatar {
             cursor: pointer;
-            margin: 0 8px;
+            margin: 0 9px;
           }
         }
       }
@@ -265,7 +265,7 @@ export default {
 
   &-container {
     overflow: auto;
-    height: calc(55vh - 105px);
+    height: calc(55vh - 117px);
 
     .el-image {
       width: 100%;

src/views/live/teacher/index.vue

@@ -26,6 +26,7 @@
       <div class="live-container-left">
         <div v-show="callLoading" class="loading">
           <div class="loading-wrapper">
+            <el-avatar icon="el-icon-user" :src="connectStudent.teacher_image_url" />
             <p class="loading-title">
               正在呼叫【{{ connectStudent.student_name }}】，等待对方接通...
             </p>
@@ -582,6 +583,17 @@ $live-bc: #3d3938;
         &-wrapper {
           text-align: center;
 
+          > .el-avatar {
+            width: 96px;
+            height: 96px;
+            line-height: 96px;
+            margin-bottom: 24px;
+
+            > &--icon {
+              font-size: 36px;
+            }
+          }
+
           .loading-title {
             margin-bottom: 24px;
           }
@@ -626,7 +638,7 @@ $live-bc: #3d3938;
             height: 96px;
             line-height: 96px;
 
-            &--icon {
+            > &--icon {
               font-size: 36px;
             }
           }