Skip to content

Commit d8e4447

Browse files
committed
fix: 优化设计图标尺寸
1 parent 7d9c17f commit d8e4447

File tree

2 files changed

+13
-21
lines changed

2 files changed

+13
-21
lines changed

vdoing/components/Sidebar.vue

Lines changed: 12 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,11 @@
11
<template>
22
<aside class="sidebar">
3-
<div
4-
class="blogger"
5-
v-if="blogger"
6-
>
3+
<div class="blogger" v-if="blogger">
74
<img :src="blogger.avatar" />
85
<div class="blogger-info">
9-
<h3>{{blogger.name}}</h3>
6+
<h3>{{ blogger.name }}</h3>
107

11-
<div
12-
class="icons"
13-
v-if="blogger.social"
14-
>
8+
<div class="icons" v-if="blogger.social">
159
<a
1610
:href="item.link"
1711
:title="item.title"
@@ -21,7 +15,7 @@
2115
target="_blank"
2216
></a>
2317
</div>
24-
<span v-else>{{blogger.slogan}}</span>
18+
<span v-else>{{ blogger.slogan }}</span>
2519
</div>
2620
</div>
2721

@@ -30,10 +24,7 @@
3024

3125
<slot name="top" />
3226

33-
<SidebarLinks
34-
:depth="0"
35-
:items="items"
36-
/>
27+
<SidebarLinks :depth="0" :items="items" />
3728
<slot name="bottom" />
3829
</aside>
3930
</template>
@@ -50,7 +41,7 @@ export default {
5041
props: ['items'],
5142
5243
computed: {
53-
blogger () {
44+
blogger() {
5445
return this.$themeConfig.blogger
5546
}
5647
}
@@ -94,20 +85,21 @@ export default {
9485
margin 0.75rem 1rem
9586
.blogger-info
9687
flex 1
88+
padding 0 0.3rem 0.3rem 0
9789
h3
98-
margin 0.95rem 0 0.7rem
90+
margin 0.95rem 0 0.6rem
9991
font-size 1.1rem
10092
.icons .iconfont
10193
font-size 1.2rem
10294
padding-right 0.6rem
10395
color #777
10496
.sidebar-slot
105-
margin-bottom: -.5rem;
106-
font-size: .85rem;
97+
margin-bottom -0.5rem
98+
font-size 0.85rem
10799
&.sidebar-slot-top
108-
padding: 1.5rem 1.5rem 0;
100+
padding 1.5rem 1.5rem 0
109101
&.sidebar-slot-bottom
110-
padding: 0 1.5rem 1.5rem;
102+
padding 0 1.5rem 1.5rem
111103
@media (max-width $MQMobile)
112104
.sidebar
113105
.blogger

vdoing/styles/index.styl

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// 引入字体图标
2-
@import '//at.alicdn.com/t/font_1678482_kdcbbwxa6v.css'
2+
@import '//at.alicdn.com/t/font_1678482_4tbhmh589x.css'
33

44
@require './config'
55
@require './code'

0 commit comments

Comments
 (0)