From bc95187efc506413cf85749fe36fe748cf75fed5 Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Wed, 17 Aug 2022 18:43:04 +0800
Subject: [PATCH] 重新界定碎念类型入口
---
src/components/mini/box-friend.vue | 39 ++++++++++++++++++++++++++-------------
1 files changed, 26 insertions(+), 13 deletions(-)
diff --git a/src/components/mini/box-friend.vue b/src/components/mini/box-friend.vue
index 30984ed..33fdc88 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;
@@ -71,7 +71,8 @@
padding: 0;
height: .125rem;
border: none;
- background: #bcbfc3 repeating-linear-gradient(-45deg, #fff, #fff 0.25rem, transparent 0.25rem, transparent 0.5rem);
+ // background: #bcbfc3 repeating-linear-gradient(-45deg, #fff, #fff 0.25rem, transparent 0.25rem, transparent 0.5rem);
+ background: #fff repeating-linear-gradient(-45deg, #fff, #fff 0.25rem, transparent 0.25rem, transparent 0.5rem);
}
}
@@ -191,24 +192,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 +224,13 @@
@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 {
+ padding-left: 3%;
+ padding-right: 3%;
}
}
</style>
--
Gitblit v1.9.1