Skip to content

Commit e162cad

Browse files
author
reco_luan
committed
style: change style of category list in home page
1 parent 8e6616b commit e162cad

File tree

1 file changed

+3
-13
lines changed

1 file changed

+3
-13
lines changed

components/HomeBlog.vue

Lines changed: 3 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@
4040
<li class="category-item" v-for="(item, index) in this.$categories.list" :key="index">
4141
<router-link :to="item.path">
4242
<span class="category-name">{{ item.name }}</span>
43-
<span class="post-num">{{ item.pages.length }}</span>
43+
<span class="post-num" :style="{ 'backgroundColor': _tagColor() }">{{ item.pages.length }}</span>
4444
</router-link>
4545
</li>
4646
</ul>
@@ -255,18 +255,8 @@ export default {
255255
transition: all .5s
256256
border-radius $borderRadius
257257
box-shadow $boxShadow
258-
&:not(:first-child) {
259-
border-top: none;
260-
}
261258
&:hover {
262-
background #d3d3d3
263-
a {
264-
color #fff
265-
.post-num {
266-
background #999
267-
color #fff
268-
}
269-
}
259+
transform scale(1.04)
270260
}
271261
a {
272262
display flex
@@ -279,7 +269,7 @@ export default {
279269
border-radius $borderRadius
280270
background #eee
281271
font-size .6rem
282-
color $textColor
272+
color #fff
283273
}
284274
}
285275
}

0 commit comments

Comments
 (0)