src/components/mini/box14-video.vue

@@ -1,5 +1,5 @@
<template>
   <div>
   <div class="fade">
      <div class="mySecretSamll" v-if="data==null|| data.length==0">
         <p>
            <a-icon type="delete" /> 空空如也..
@@ -7,7 +7,7 @@
      </div>
      <div class="gridClass">
         <div class="entry-preview" v-for="item in data">
            <div class="thumbnail_box" @click="showMyVideo(item.id)">
            <div class="thumbnail_box" @click="showMyVideo(item)">
               <div class="thumbnail">
                  <img :src="item.coverFileURL" alt="" loading="lazy" :onerror="img404">
               </div>
@@ -15,7 +15,10 @@
            <div class="entry-post">
               <div class="entry-header">
                  <h5 class="entry-title">
                     <a href="#" rel="bookmark">{{item.title}}</a>
                     <!-- <router-link :to="{path:'videoDetail',query:{id:item.id}}" :title="item.title">
                        {{item.title}}
                     </router-link> -->
                     {{item.title}}
                  </h5>
                  <div class="post_content">
                     {{item.introduce}}
@@ -24,7 +27,7 @@
               <div class="entry-meta">
                  <div class="post-categories">
                     <span class="tag vcard">
                        <a-icon type="book" />
                        <a-icon type="customer-service" />
                        <a href="#" rel="category tag"> {{item.articleTypeName}}</a>
                     </span>
                     <!-- <span class="tag-list">
@@ -36,7 +39,7 @@
                  <div class="post-on">
                     <span class="entry-date">
                        <a-icon type="calendar" />
                        <a href="#"  rel="bookmark">
                        <a href="#" rel="bookmark">
                           {{item.publishDate}}
                        </a>
                     </span>
@@ -61,7 +64,7 @@
   } from '../../api/blogArticle.js'

   import myConstant from "../../config/myConstant.js"
	

   export default {
      data() {
         return {
@@ -93,9 +96,11 @@
               return res
            })
         },
         showMyVideo(param) {
         showMyVideo(item) {
            this.$emit('showMyVideo', {
               id: param
               id: item.id,
               isAllowedComment: item.isAllowedComment,
               introduce: item.introduce,
            })
         }
      }
@@ -119,6 +124,7 @@
      gap: 2rem;
      padding-bottom: 20px;
      // background-color: #666;
      user-select: none;

      a {
         color: #555;