修改

src/views/PublicClasses/PublicClassesIndex.vue

@@ -3,7 +3,7 @@
  * @Author: 空白格
  * @Date: 2023-04-24 10:52:11
  * @LastEditors: 空白格
- * @LastEditTime: 2023-04-24 17:20:19
+ * @LastEditTime: 2023-05-04 11:46:53
  * @FilePath: \veterans_client_web\src\views\PublicClasses\PublicClassesIndex.vue
  * @Copyright: Copyright (c) 2016~2023 by 空白格, All Rights Reserved.
 -->
@@ -29,7 +29,12 @@
               <div class="video-list-item" @click="videoClick(item)">
                 <div class="video-list-item-image">
                   <el-image
-                    style="width: 100%; height: 100%; border-radius: 6px"
+                    style="
+                      width: 100%;
+                      height: 100%;
+                      border-radius: 6px;
+                      border: solid 1px #666;
+                    "
                     :src="item.coverUrl"
                   />
                   <el-image
@@ -38,7 +43,7 @@
                   />
                 </div>
                 <div class="video-list-item-title">{{ item.chapterName }}</div>
-                <div class="video-list-item-subtitle">{{ '颂军魂' }}</div>
+                <div class="video-list-item-subtitle">{{ "颂军魂" }}</div>
               </div>
             </el-col>
           </el-row>
@@ -96,7 +101,7 @@ export default {
     },
     async getList() {
       this.loading = true;
-      const { code, data } = await getPublicClassesList({ id: 1 });
+      const { code, data } = await getPublicClassesList({ id: 1, ...this.queryParams });
       if (code === 200) {
         this.videoList = data?.rows ?? [];
         this.total = Number(data?.total ?? 0);
@@ -108,8 +113,8 @@ export default {
         path: "/classesvideo",
         query: {
           videoUrl: item.videoUrl,
-          chapterName: item.chapterName
-        }
+          chapterName: item.chapterName,
+        },
       });
     },
     currentChange(page) {
@@ -184,6 +189,10 @@ export default {
       font-size: 20px;
       color: #2e2e2e;
       margin-bottom: 5px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      -o-text-overflow: ellipsis;
     }
 
     &-subtitle {