src/components/mini/box14-video.vue

@@ -15,10 +15,10 @@
            <div class="entry-post">
               <div class="entry-header">
                  <h5 class="entry-title">
                     <!-- <router-link :to="{path:'videoDetail',query:{id:item.id}}" :title="item.title">
                     <router-link :to="{path:'videoDetail',query:{id:item.id}}" :title="item.title">
                        {{item.title}}
                     </router-link> -->
                        {{item.title}}
                     </router-link>
                     <!-- {{item.title}} -->
                  </h5>
                  <div class="post_content">
                     {{item.introduce}}
@@ -124,6 +124,7 @@
      gap: 2rem;
      padding-bottom: 20px;
      // background-color: #666;
      user-select: none;

      a {
         color: #555;
@@ -199,7 +200,6 @@

      .entry-preview .entry-meta {
         display: flex;
         justify-content: space-between;
         font-size: .5rem;
         padding: .5rem 0 0 0;
         flex-wrap: wrap;
@@ -270,27 +270,25 @@
      overflow: hidden;
   }

   @media screen and (max-width:1024px) {
   @media screen and (min-width:768px) {
      .gridClass {
         grid-template-columns: repeat(2, 1fr);
      }
   }
	
   @media screen and (max-width:767px) {
      .gridClass {
         grid-row-gap: 2rem;
         grid-column-gap: 0rem;
         grid-template-columns: repeat(1, 1fr);

	
         .entry-preview {
            display: block;
         }

	
         .thumbnail_box {
            min-width: 100%;
         }
      }


   }

   @media screen and (min-width:1025px) {
      .gridClass {
         grid-template-columns: repeat(2, 1fr);
      }
   }
</style>