课程学习及笔记页面

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)}}
@@ -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;
 
@@ -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;