feat: 移动端隐藏back top、调整post list样式
This commit is contained in:
@@ -63,8 +63,7 @@ import backTopIcon from "@/assets/icon/back-top.svg?url";
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.back-top {
|
||||
right: 48px;
|
||||
bottom:100px;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -124,7 +124,7 @@ posts.map((post) => {
|
||||
}
|
||||
|
||||
.post-meta {
|
||||
font-size: 13px;
|
||||
font-size: 12px;
|
||||
color: var(--text-secondary);
|
||||
margin-bottom: 6px;
|
||||
display: flex;
|
||||
@@ -232,6 +232,15 @@ posts.map((post) => {
|
||||
width: 128px;
|
||||
height: 88px;
|
||||
}
|
||||
|
||||
.post-title {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.post-meta{
|
||||
gap: 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
@@ -241,16 +250,23 @@ posts.map((post) => {
|
||||
|
||||
.post-title {
|
||||
font-size: 16px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.post-meta{
|
||||
gap: 6px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.post-cover {
|
||||
width: 100px;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.post-summary{
|
||||
font-size: 12px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user