From d629d9ee09eb91be19fd21f04f78a89f7d837c3a Mon Sep 17 00:00:00 2001 From: lijh <lijh> Date: Fri, 14 Jan 2022 18:28:26 +0800 Subject: [PATCH] 样式调整 --- src/components/layouts/box2-class.vue | 28 +++++++++++++++++----------- 1 files changed, 17 insertions(+), 11 deletions(-) diff --git a/src/components/layouts/box2-class.vue b/src/components/layouts/box2-class.vue index faab681..4733e83 100644 --- a/src/components/layouts/box2-class.vue +++ b/src/components/layouts/box2-class.vue @@ -4,26 +4,28 @@ <div class="blog-scroll "> <div class="blog-log-list"> <div class="blog-log-item" v-for="item in list1"> - <a href="#"> + <router-link to="/main1"> <span>{{item.name}}</span> - <span>{{item.count}}</span> - </a> + </router-link> + + <span>{{item.count}}</span> </div> </div> <div class="blog-log-list"> <div class="blog-log-item" v-for="item in list2"> - <a href="#"> + <router-link to="/box1"> <span>{{item.name}}</span> - <span>{{item.count}}</span> - </a> + </router-link> + <span>{{item.count}}</span> + </div> </div> <div class="blog-log-list"> <div class="blog-log-item" v-for="item in list2"> - <a href="#"> + <router-link to="/box1"> <span>{{item.name}}</span> - <span>{{item.count}}</span> - </a> + </router-link> + <span>{{item.count}}</span> </div> </div> </div> @@ -89,11 +91,15 @@ border-left: none; } - a span:first-child { + a { + color: black; + } + + .link span:first-child { color: #999; } - a span:last-child { + .link span:last-child { font-weight: 600; font-size: 15px; } -- Gitblit v1.9.1