修改样式及功能

src/views/course/components/commentPanel.vue

@@ -147,7 +147,7 @@ export default {
       width: 100%;
       display: flex;
       align-items: center;
-      padding: 10px 0.5rem;
+      padding: 10px 0.3rem;
       box-sizing: border-box;
 
       .type-nav-box {
@@ -156,7 +156,7 @@ export default {
         transition: all 0.5s;
 
         + .type-nav-box {
-          margin-left: 1rem;
+          margin-left: .3rem;
         }
 
         &.active {

src/views/course/components/stepsBox.vue

@@ -747,7 +747,7 @@ export default {
       window.AWS.config.region = 'cn-northwest-1' // 设置区域
 
       // eslint-disable-next-line prettier/prettier
-      var bucket = new window.AWS.S3({ params: { Bucket: 'ccrb' }}) // 选择桶
+      var bucket = new window.AWS.S3({ params: { Bucket: 'ccrb' } }) // 选择桶
       var _this = this
       _this.progress = 0
       _this.proVisible = true
@@ -784,13 +784,13 @@ export default {
         }
         bucket
           .upload(params, options)
-          .on('httpUploadProgress', function(evt) {
+          .on('httpUploadProgress', function (evt) {
             // 这里可以写进度条
             // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
             _this.progress = parseInt((evt.loaded / evt.total) * 100)
             _this.isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2)
           })
-          .send(function(err, data) {
+          .send(function (err, data) {
             _this.progress = 100
             _this.isFinishSize = _this.isAllSize
             setTimeout(() => {
@@ -1015,7 +1015,12 @@ export default {
         padding: 5px;
         font-size: 14px;
         cursor: pointer;
-        @include textoverflow();
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break: break-word;
+        max-width: 70px;
+        // @include textoverflow();
       }
     }
   }

src/views/courseDetail/components/courseChap.vue

@@ -43,8 +43,8 @@ export default {
 
 <style lang="scss" scoped>
 .chapBox {
-  margin-top: 15px;
-  background: #fff;
+  min-height: calc(100% - 370px - 50px - 20px);
+  border-top: 20px solid #e8ebf2;
   .chapTop {
     display: flex;
     flex-direction: row;
@@ -91,7 +91,7 @@ export default {
       color: #fff;
       border-radius: 12px;
       margin: 0 15px 10px 0;
-      >div{
+      > div {
         margin: 3px 0;
         font-size: 14px;
       }

src/views/courseDetail/components/courseMessage.vue

@@ -91,7 +91,7 @@ $pad: 0 10px 10px 0;
 $font: 15px;
 .courseBox {
   margin-top: 50px;
-  height: 100%;
+  min-height: 370px;
   .courseTop {
     .courseImg {
       width: 100%;
@@ -103,7 +103,6 @@ $font: 15px;
       }
     }
     .courseMes {
-      background: #fff;
       padding: 10px 0 0 15px;
       .cFirst {
         @include display();

src/views/courseDetail/index.vue

@@ -95,10 +95,12 @@ export default {
 
 <style lang="scss" scoped>
 .courseBoxMes {
-  background: #e8ebf2;
-  height: 100%;
+  height: 100vh;
+  overflow: auto;
+  padding: 0 0 60px;
+  box-sizing: border-box;
 }
-.navTitle{
+.navTitle {
   font-size: 16px;
   color: #fff;
 }