修改样式

src/components/index.vue

@@ -54,22 +54,16 @@
               :label="item1.id"
               @click="getCourse(item.name, item1.id)"
             >
-              <el-tooltip
+              <div
                 class="cName"
-                effect="light"
-                :content="item1.name"
-                placement="top"
+                :class="
+                  typea == item1.id || typeb == item1.id || typed == item1.id
+                    ? 'isCType'
+                    : ''
+                "
               >
-                <div
-                  :class="
-                    typea == item1.id || typeb == item1.id || typed == item1.id
-                      ? 'isCType'
-                      : ''
-                  "
-                >
-                  {{ item1.name }}
-                </div>
-              </el-tooltip>
+                {{ item1.name }}
+              </div>
             </div>
           </div>
         </div>
@@ -152,12 +146,12 @@
                 立即学习
               </div>
             </div>
-            <!-- <div class="course_empty" v-if="zoneClass.length == 0">
-              暂无数据
-            </div> -->
+            <div class="course_empty" v-if="zoneClass.length == 0">
+              暂无课程
+            </div>
           </div>
         </div>
-        <div class="student_page" style="margin: 15px 0 0">
+        <div class="student_page" style="margin: 15px 0 0" v-if="zoneClass.length > 0">
           <el-pagination
             background
             layout="prev, pager, next"
@@ -486,7 +480,7 @@ export default {
 }
 .course_empty {
   width: 100%;
-  height: 800px;
+  height: 200px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -511,6 +505,7 @@ export default {
   flex-direction: row;
   align-items: baseline;
   margin: 10px 0;
+  width: 100%;
 }
 .all_choose > span {
   width: 80px;

src/components/study.vue

@@ -3724,7 +3724,6 @@ export default {
   width: 30%;
   min-width: 70px;
   border-radius: 4px;
-  background: #4e7ac6;
 }
 .blue_box_one > div:nth-child(2) {
   white-space: nowrap;
@@ -3768,7 +3767,10 @@ export default {
 }
 .ml {
   margin-left: 15px;
-  color: #d1d1d1;
+  color: #5b7dba;
+  border-left: 3px solid #5b7dba;
+  padding-left: 5px;
+  font-weight: bold;
 }
 .return {
   width: 2rem;
@@ -4286,6 +4288,7 @@ export default {
   justify-content: flex-start;
   padding: 0 10px;
   width: 100%;
+  background: #e7f3ff;
 }
 .navTaskname {
   white-space: nowrap;
@@ -4296,7 +4299,6 @@ export default {
 }
 .openTaskActive {
   color: #4386e6;
-  background: #e8e8e8;
 }
 .iframeName {
   margin: 5px 0;