File tree Expand file tree Collapse file tree 2 files changed +13
-21
lines changed Expand file tree Collapse file tree 2 files changed +13
-21
lines changed Original file line number Diff line number Diff line change 1
1
<template >
2
2
<aside class =" sidebar" >
3
- <div
4
- class =" blogger"
5
- v-if =" blogger"
6
- >
3
+ <div class =" blogger" v-if =" blogger" >
7
4
<img :src =" blogger.avatar" />
8
5
<div class =" blogger-info" >
9
- <h3 >{{blogger.name}}</h3 >
6
+ <h3 >{{ blogger.name }}</h3 >
10
7
11
- <div
12
- class =" icons"
13
- v-if =" blogger.social"
14
- >
8
+ <div class =" icons" v-if =" blogger.social" >
15
9
<a
16
10
:href =" item.link"
17
11
:title =" item.title"
21
15
target =" _blank"
22
16
></a >
23
17
</div >
24
- <span v-else >{{blogger.slogan}}</span >
18
+ <span v-else >{{ blogger.slogan }}</span >
25
19
</div >
26
20
</div >
27
21
30
24
31
25
<slot name =" top" />
32
26
33
- <SidebarLinks
34
- :depth =" 0"
35
- :items =" items"
36
- />
27
+ <SidebarLinks :depth =" 0" :items =" items" />
37
28
<slot name =" bottom" />
38
29
</aside >
39
30
</template >
@@ -50,7 +41,7 @@ export default {
50
41
props: [' items' ],
51
42
52
43
computed: {
53
- blogger () {
44
+ blogger () {
54
45
return this .$themeConfig .blogger
55
46
}
56
47
}
@@ -94,20 +85,21 @@ export default {
94
85
margin 0.75rem 1rem
95
86
.blogger-info
96
87
flex 1
88
+ padding 0 0.3rem 0.3rem 0
97
89
h3
98
- margin 0.95rem 0 0.7 rem
90
+ margin 0.95rem 0 0.6 rem
99
91
font-size 1.1rem
100
92
.icons .iconfont
101
93
font-size 1.2rem
102
94
padding-right 0.6rem
103
95
color #7 7 7
104
96
.sidebar-slot
105
- margin-bottom : - .5rem ;
106
- font-size : .85rem ;
97
+ margin-bottom - 0 .5rem
98
+ font-size 0 .85rem
107
99
& .sidebar-slot-top
108
- padding : 1.5rem 1.5rem 0 ;
100
+ padding 1.5rem 1.5rem 0
109
101
& .sidebar-slot-bottom
110
- padding : 0 1.5rem 1.5rem ;
102
+ padding 0 1.5rem 1.5rem
111
103
@media (max-width $MQMobile)
112
104
.sidebar
113
105
.blogger
Original file line number Diff line number Diff line change 1
1
// 引入字体图标
2
- @import '//at.alicdn.com/t/font_1678482_kdcbbwxa6v .css'
2
+ @import '//at.alicdn.com/t/font_1678482_4tbhmh589x .css'
3
3
4
4
@require './config'
5
5
@require './code'
You can’t perform that action at this time.
0 commit comments