|
|
@@ -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 {
|
