From a3ab3afe580daa80e9689f6e513e75a385f75bac Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Sun, 14 Aug 2022 21:00:37 +0800 Subject: [PATCH] 添加视频详情页 --- src/components/mini/box-new-article.vue | 38 ++++++++++++++++++++++++-------------- 1 files changed, 24 insertions(+), 14 deletions(-) diff --git a/src/components/mini/box-new-article.vue b/src/components/mini/box-new-article.vue index b197f12..05327cd 100644 --- a/src/components/mini/box-new-article.vue +++ b/src/components/mini/box-new-article.vue @@ -4,7 +4,8 @@ <div class="miniTag" v-if="isTop==1">置顶</div> <div class="post_cover left_radius" v-if="index%2==0"> - <router-link :to="{path:'/platform'}" :title="title" v-if="articleFileType==myConstant.fileTypeVideo"> + <router-link :to="{path:'videoDetail',query:{id:id}}" :title="title" + v-if="articleFileType==myConstant.fileTypeVideo"> <div class="block left_radius"></div> <img class="post_bg" :src="coverFileURL" :onerror="img404" :alt="title"> </router-link> @@ -20,7 +21,8 @@ </div> <div class="post_cover right_radius" v-else> - <router-link :to="{path:'/platform'}" :title="title" v-if="articleFileType==myConstant.fileTypeVideo"> + <router-link :to="{path:'videoDetail',query:{id:id}}" :title="title" + v-if="articleFileType==myConstant.fileTypeVideo"> <div class="block left_radius"></div> <img class="post_bg" :src="coverFileURL" :onerror="img404" :alt="title"> </router-link> @@ -37,19 +39,28 @@ <div class="recent-post-info"> - <router-link :to="{path:'/mdDetail',query:{id:id,articleFileType:articleFileType}}" - class="article-title"> + <router-link :to="{path:'/videoDetail',query:{id:id}}" class="article-title" + v-if="articleFileType==myConstant.fileTypeVideo"> <a-icon type="lock" style="color:rgba(0,0,0,.25)" v-if="authStatus==3" /> <a-icon type="stop" style="color:rgba(0,0,0,.25)" v-if="authStatus==2" /> {{title}} <a-badge :count="1" dot v-if="isAnyUpdate==1" title="最近有更新"></a-badge> </router-link> + + <router-link :to="{path:'/mdDetail',query:{id:id,articleFileType:articleFileType}}" + class="article-title" v-else> + <a-icon type="lock" style="color:rgba(0,0,0,.25)" v-if="authStatus==3" /> + <a-icon type="stop" style="color:rgba(0,0,0,.25)" v-if="authStatus==2" /> + {{title}} + <a-badge :count="1" dot v-if="isAnyUpdate==1" title="最近有更新"></a-badge> + </router-link> + <!-- <a class="article-title" href="/mdDetail" :title="title"> {{title}}</a> --> <div class="article-meta-wrap" style="display: flex;"> <span class="post-meta-date"> <a-icon type="calendar" /> <span class="article-meta-label"></span> - <time datetime="2022-01-13T06:25:00.000Z" title=" 2022-01-13 14:25:00"> {{publishDate}} </time> + <time> {{publishDate}} </time> </span> <span class="article-meta__separator" style="margin: 0px 3px ;"> | </span> @@ -59,7 +70,7 @@ class="article-meta__categories"> {{articleTypeName}}</router-link> <span v-if="articleFileType==myConstant.fileTypeShort"> <span v-if="jumpURL !=null && jumpURL!=''"> - <span class="article-meta__separator" style="margin: 0px 3px ;">|</span> + <span class="article-meta__separator" style="margin: 0px 3px ;"> | </span> <span class="post-meta-date"> <a-icon type="share-alt" /> <a :href="jumpURL" target="_blank" class="no-underline"> 外链 </a> @@ -67,7 +78,7 @@ </span> <span v-else> - <span class="article-meta__separator" style="margin: 0px 3px ;">|</span> + <span class="article-meta__separator" style="margin: 0px 3px ;"> | </span> <span class="post-meta-date"> <a-icon type="thunderbolt" />碎碎念 </span> @@ -75,14 +86,13 @@ </span> <span v-if="articleFileType==myConstant.fileTypeVideo"> - <span v-if="jumpURL !=null && jumpURL!=''"> - <span class="article-meta__separator" style="margin: 0px 3px ;">|</span> - <span class="post-meta-date"> - <a-icon type="video-camera" /> - <a :href="jumpURL" target="_blank" class="no-underline"> 视频 </a> - </span> + <span class="article-meta__separator" style="margin: 0px 3px ;"> | </span> + <span class="post-meta-date"> + <a-icon type="video-camera" /> + <router-link :to="{path:'/videoDetail',query:{id:id}}"> + 视频 + </router-link> </span> - </span> <!-- <a class="article-meta__categories" href="#"> {{tag}}</a> --> </span> -- Gitblit v1.9.1