课程学习及笔记页面

src/components/Course/myNote.vue

@@ -14,7 +14,7 @@
                 </div>
                 <div class="newcote-text">
                     <el-input type="textarea" :autofocus="true" placeholder="好记性不如烂笔头，记录些什么吧～"
-                        v-model="mynoteData.content" maxlength="200" :autosize="{ minRows: 18, maxRows: 20}"
+                        v-model="mynoteData.content" maxlength="200" :autosize="{ minRows: 8, maxRows: 20}"
                         show-word-limit>
                     </el-input>
                 </div>
@@ -66,7 +66,7 @@
                         <span class="sm">{{mynoteData.openType == 1?'公开':'私密'}}</span>
                         <svg-icon style="float:right;font-size:26px;margin-top:16px" icon-class="spot"></svg-icon>
                     </p>
-                    <div class="newcote-content" style="margin-top:10px;height:436px">
+                    <div class="newcote-content" style="margin-top:10px;min-height:236px;height: 100%;">
                         <div class="newcote-time" v-if="mynoteData.playTime != 0">
                             <img src="../../../public/images/coteplay.png" />
                             {{formatSeconds(mynoteData.playTime)}}
@@ -277,11 +277,11 @@ export default {
                             // courseName: '',// 课程名称
                             openType: 9,// 1表不公开 9表完全公开
                         };
-                        
+
                     }, 2000)
                         // 是编辑新增
                         let event = {
-                            key: "PublishNote",//后台的事件key  
+                            key: "PublishNote",//后台的事件key
                             title: '编辑了笔记',//事件的标题
                             parameters: "",//用户自定义参数 name:value,name:value
                             content: "编辑了笔记",//this.mynoteData.content,//事件的内容
@@ -294,7 +294,7 @@ export default {
                         }
                         this.$store.dispatch("userTrigger", event);
                     }
-                  
+
                 }
             })
             }
@@ -306,7 +306,7 @@ export default {
     },
 }
 </script>
-  
+
 <style scoped lang="scss">
 ::v-deep .el-dropdown-menu__item:hover {
     background: #333333;
@@ -329,7 +329,6 @@ export default {
         position: absolute;
         bottom: 0;
         right: 200px;
-
         .box-text {
             padding: 12px 16px;
             width: 252px;
@@ -409,7 +408,7 @@ export default {
         margin: 30px 0px;
         box-sizing: border-box;
         padding: 35px 30px;
-        height: 474px;
+        height: 100%;
         background-color: #F5F5F5;
     }
 
@@ -417,7 +416,7 @@ export default {
         margin: 30px 0px;
         box-sizing: border-box;
         padding: 8px 30px;
-        height: 550px;
+        min-height: 300px;
         overflow-y: auto;
         background-color: #fff;
 
@@ -436,7 +435,7 @@ export default {
             font-size: 14px;
             padding-bottom: 20px;
 
-           
+
 
             .more {
                 margin-top: 12px;
@@ -474,4 +473,3 @@ export default {
 
 }
 </style>
-  

src/views/study/coursenew.vue

@@ -117,7 +117,7 @@
             </div>
             <!-- 课程单元  -->
             <div class="course-units" v-if="tab == 1">
-              <div style="min-height: 500px;overflow-y: auto;">
+              <div style="min-height: 200px;overflow-y: auto;">
                 <div class="catalog" v-if="courseInfo.type == 20">
                   <div v-for="(item, index) in catalogTree" :key="index" :name="index">
                     <div style="margin: 10px 0px;font-weight: 700;">{{item.section.name}}</div>
@@ -1174,7 +1174,7 @@
     margin: 20px 80px;
     .course-playbox {
       background-color: #fff;
-      min-height: 545px;
+      min-height: 400px;
       display: flex;
       justify-content: space-between;
       .course-player{ //内容播放区域
@@ -1569,7 +1569,7 @@
   }
 
   .catalog {
-    height: 500px;
+    height: 100%;
     max-width: 500px;
     overflow: auto;