修改样式和bug

src/components/learnCenter/Course.vue

@@ -9,12 +9,8 @@
         教学
       </div>
       <div class="more" @click="gotolist">
-        查看更多 <img src="../../assets/learncenter/moreright.png" alt="" />
-        <img
-          class="moreimg2"
-          src="../../assets/learncenter/moreright.png"
-          alt=""
-        />
+        <span> 查看更多 </span>
+        <img src="../../assets/learncenter/moreImage.png" alt="" />
       </div>
     </div>
     <div class="class_list">
@@ -119,16 +115,16 @@ export default {
       }
     }
     .more {
-      font-size: 16px;
-      opacity: 0.4;
       cursor: pointer;
-      img {
-        width: 19px;
-        position: relative;
-        top: 4px;
+      font-size: 16px;
+      display: flex;
+      align-items: center;
+      span {
+        opacity: 0.4;
       }
-      .moreimg2 {
-        right: 10px;
+      img {
+        width: 25px;
+        height: 19px;
       }
     }
   }
@@ -146,8 +142,9 @@ export default {
       cursor: pointer;
       .one_name {
         width: 100%;
-        height: 38px;
+        height: 42px;
         margin-top: 16px;
+        line-height: 150%;
         word-break: break-all;
         display: -webkit-box;
         -webkit-box-orient: vertical;

src/components/learnCenter/Textbook.vue

@@ -9,12 +9,8 @@
         教材
       </div>
       <div class="more" @click="gotolist">
-        查看更多 <img src="../../assets/learncenter/moreright.png" alt="" />
-        <img
-          class="moreimg2"
-          src="../../assets/learncenter/moreright.png"
-          alt=""
-        />
+        <span> 查看更多 </span>
+        <img src="../../assets/learncenter/moreImage.png" alt="" />
       </div>
     </div>
     <div class="class_list">
@@ -82,7 +78,7 @@ export default {
     width: 1200px;
     margin: 0 auto;
     height: 90px;
-    display: flex; 
+    display: flex;
     justify-content: space-between;
     align-items: center;
     .title {
@@ -114,16 +110,16 @@ export default {
       }
     }
     .more {
-      font-size: 16px;
-      opacity: 0.4;
       cursor: pointer;
-      img {
-        width: 19px;
-        position: relative;
-        top: 4px;
+      font-size: 16px;
+      display: flex;
+      align-items: center;
+      span {
+        opacity: 0.4;
       }
-      .moreimg2 {
-        right: 10px;
+      img {
+        width: 25px;
+        height: 19px;
       }
     }
   }
@@ -141,8 +137,9 @@ export default {
       cursor: pointer;
       .one_name {
         width: 100%;
-        height: 38px;
+        height: 42px;
         margin-top: 16px;
+        line-height: 150%;
         word-break: break-all;
         display: -webkit-box;
         -webkit-box-orient: vertical;