From 1cf6d9fb8cf2f10e302509f033d8d55b4e60712c Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Sun, 14 Aug 2022 01:45:42 +0800 Subject: [PATCH] 优化友链布局,月台窗口自适应,处理hls取消后仍然缓存问题 --- src/components/mini/box14-video.vue | 23 +++++++++++------------ 1 files changed, 11 insertions(+), 12 deletions(-) diff --git a/src/components/mini/box14-video.vue b/src/components/mini/box14-video.vue index 54bfb57..328edae 100644 --- a/src/components/mini/box14-video.vue +++ b/src/components/mini/box14-video.vue @@ -18,7 +18,7 @@ <!-- <router-link :to="{path:'videoDetail',query:{id:item.id}}" :title="item.title"> {{item.title}} </router-link> --> - {{item.title}} + {{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; @@ -270,27 +271,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> -- Gitblit v1.9.1