From d3f92144c6e4781fa4882f5fbf3525698663d92f Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Thu, 13 Jan 2022 01:51:03 +0800
Subject: [PATCH] 二次优化界面
---
src/components/layouts/box3.vue | 59 +++++++++++++++++++++++++++++++++++------------------------
1 files changed, 35 insertions(+), 24 deletions(-)
diff --git a/src/components/layouts/box3.vue b/src/components/layouts/box3.vue
index 4ac6786..bbf9fe5 100644
--- a/src/components/layouts/box3.vue
+++ b/src/components/layouts/box3.vue
@@ -1,31 +1,44 @@
<template>
- <div class="blog-left-side-scroll-portion">
+ <div class="blog-container">
<span class="blog-pigeonhole">归档信息</span>
- <div>
- <p class="blog-pigeonhole-p">2020</p>
- <div class="blog-pigeonhole-list">
+ <div class="blog-scroll ">
+ <div class="">
+ <p class="blog-pigeonhole-p">2020</p>
+ <div class="blog-pigeonhole-list">
- <div class="blog-pigeonhole-item" v-for="item in list2020">
- <a href="#">
- <span>{{item.month}}月</span>
- <span>{{item.count}}篇</span>
- </a>
+ <div class="blog-pigeonhole-item" v-for="item in list2020">
+ <a href="#">
+ <span>{{item.month}}月</span>
+ <span>{{item.count}}篇</span>
+ </a>
+ </div>
+ </div>
+ </div>
+ <div>
+ <p class="blog-pigeonhole-p">2019</p>
+ <div class="blog-pigeonhole-list">
+
+ <div class="blog-pigeonhole-item" v-for="item in list2019">
+ <a href="#">
+ <span>{{item.month}}月</span>
+ <span>{{item.count}}篇</span>
+ </a>
+ </div>
+ </div>
+ </div>
+ <div>
+ <p class="blog-pigeonhole-p">2019</p>
+ <div class="blog-pigeonhole-list">
+
+ <div class="blog-pigeonhole-item" v-for="item in list2019">
+ <a href="#">
+ <span>{{item.month}}月</span>
+ <span>{{item.count}}篇</span>
+ </a>
+ </div>
</div>
</div>
</div>
- <div>
- <p class="blog-pigeonhole-p">2019</p>
- <div class="blog-pigeonhole-list">
-
- <div class="blog-pigeonhole-item" v-for="item in list2019">
- <a href="#">
- <span>{{item.month}}月</span>
- <span>{{item.count}}篇</span>
- </a>
- </div>
- </div>
- </div>
-
</div>
</template>
@@ -144,6 +157,4 @@
display: block;
}
}
-
-
</style>
--
Gitblit v1.9.1