样式修改

src/views/courseResources/courseMall/index.vue

@@ -944,7 +944,7 @@ export default {
         }
 
         .card-bottom {
-          padding: 24px 20px 16px;
+          padding: 16px 20px 16px;
 
           .title {
             height: 89px;
@@ -952,7 +952,7 @@ export default {
             font-family: Source Han Sans CN, Source Han Sans CN-700;
             font-weight: 700;
             color: #000000;
-            line-height: 23px;
+            line-height: 24px;
             margin-bottom: 16px;
             //text-overflow: ellipsis;
             //display: -webkit-box; /* 适用于 WebKit 浏览器，如 Chrome 和 Safari */

src/views/courseResources/index.vue

@@ -128,9 +128,9 @@
                     fit="cover"
                   />
                 </div>
-                <div v-if="course.lessonPrice !== 0" :class="'status status-' + (course.lessonIsPay === 1 ? 'purchased' : 'unPurchased')">
-                  {{ course.lessonIsPay === 1 ? '已购' : '未购' }}
-                </div>
+<!--                <div v-if="course.lessonPrice !== 0" :class="'status status-' + (course.lessonIsPay === 1 ? 'purchased' : 'unPurchased')">-->
+<!--                  {{ course.lessonIsPay === 1 ? '已购' : '未购' }}-->
+<!--                </div>-->
               </div>
               <div class="card-bottom">
                 <div class="title">{{ course.lessonName }}</div>
@@ -190,9 +190,9 @@
                     fit="cover"
                   />
                 </div>
-                <div :class="'status status-' + (course.lessonIsPay === 1 ? 'purchased' : 'unPurchased')">
-                  {{ course.lessonIsPay === 1 ? '已购' : '未购' }}
-                </div>
+<!--                <div :class="'status status-' + (course.lessonIsPay === 1 ? 'purchased' : 'unPurchased')">-->
+<!--                  {{ course.lessonIsPay === 1 ? '已购' : '未购' }}-->
+<!--                </div>-->
               </div>
               <div class="card-bottom">
                 <div class="title">{{ course.lessonName }}</div>
@@ -829,7 +829,7 @@ export default {
 
       .course-card {
         cursor: pointer;
-        height: 288px;
+        height: 317px;
         background: #ffffff;
         border-radius: 6px;
         box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
@@ -878,22 +878,22 @@ export default {
         }
 
         .card-bottom {
-          padding: 24px 20px;
+          padding: 16px 20px 16px;
 
           .title {
-            height: 23px;
+            height: 89px;
             font-size: 20px;
             font-family: Microsoft YaHei, Microsoft YaHei-700, serif;
             font-weight: 700;
             color: #000000;
-            line-height: 23px;
-            margin-bottom: 26px;
-            text-overflow: ellipsis;
-            display: -webkit-box; /* 适用于 WebKit 浏览器，如 Chrome 和 Safari */
-            -webkit-line-clamp: 1; /* 限制显示的行数，此处设置为 1 行 */
-            -webkit-box-orient: vertical; /* 使内容按垂直方向排列 */
-            overflow: hidden; /* 隐藏超出部分 */
-            word-break: break-all; /* 强制在任意字符处换行 */
+            line-height: 24px;
+            margin-bottom: 16px;
+            //text-overflow: ellipsis;
+            //display: -webkit-box; /* 适用于 WebKit 浏览器，如 Chrome 和 Safari */
+            //-webkit-line-clamp: 1; /* 限制显示的行数，此处设置为 1 行 */
+            //-webkit-box-orient: vertical; /* 使内容按垂直方向排列 */
+            //overflow: hidden; /* 隐藏超出部分 */
+            //word-break: break-all; /* 强制在任意字符处换行 */
           }
 
           .title:hover,