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-friend.vue | 31 +++++++++++++++++++------------ 1 files changed, 19 insertions(+), 12 deletions(-) diff --git a/src/components/mini/box-friend.vue b/src/components/mini/box-friend.vue index 99e267e..c2328c1 100644 --- a/src/components/mini/box-friend.vue +++ b/src/components/mini/box-friend.vue @@ -35,7 +35,7 @@ }, data() { return { - img404: "this.onerror='';this.src=\"https://blog.zeruns.tech/tx.jpg\"", + img404: "this.onerror='';this.src=\"http://t.inleft.com/share/media_photo/404.png\"", list: [] } } @@ -54,7 +54,7 @@ .myFriend { box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); - padding: 10px 30px 0px; + padding: 10px 30px 20px; h1 { margin: .67em 0; @@ -191,24 +191,31 @@ @media screen and (min-width: 1600px) { .link-box a { margin: 0 0.9375rem 3.75rem; - width: -webkit-calc(100% / 5 - 1.875rem); - width: calc(100% / 5 - 1.875rem); + width: -webkit-calc(100% / 5 - 4rem); + width: calc(100% / 5 - 4rem); } } - @media screen and (max-width: 1599px) and (min-width: 768px) { + @media screen and (max-width: 1599px) and (min-width: 1439px) { .link-box a { margin: 0 0.9375rem 3.75rem; - width: -webkit-calc(100% / 4 - 1.875rem); - width: calc(100% / 4 - 1.875rem); + width: -webkit-calc(100% / 3 - 8rem); + width: calc(100% / 3 - 8rem); + } + } + @media screen and (max-width: 1438px) and (min-width: 791px) { + .link-box a { + margin: 0 0.9375rem 3.75rem; + width: -webkit-calc(100% / 4 - 2.3rem); + width: calc(100% / 4 - 2.3rem); } } - @media screen and (max-width: 767px) and (min-width: 501px) { + @media screen and (max-width: 790px) and (min-width: 501px) { .link-box a { margin: 0 0.9375rem 3.75rem; - width: -webkit-calc(100% / 3 - 1.875rem); - width: calc(100% / 3 - 1.875rem); + width: -webkit-calc(100% / 3 - 2.3rem); + width: calc(100% / 3 - 2.3rem); } } @@ -216,8 +223,8 @@ @media screen and (max-width: 500px) and (min-width: 319px) { .link-box a { margin: 0 0.75rem 1.5rem; - width: -webkit-calc(50% - 1.5rem); - width: calc(50% - 1.5rem); + width: -webkit-calc(100% / 3 - 1.5rem); + width: calc(100% / 3 - 1.5rem); } .blog-main { -- Gitblit v1.9.1