|
1 | 1 | <template> |
2 | 2 | <div class="home-blog" :class="recoShow?'reco-show': 'reco-hide'"> |
3 | | - <div class="hero" :style="{background: `url(${$page.frontmatter.bgImage || require('../images/home-bg.jpg')}) center/cover no-repeat`, ...bgImageStyle}"> |
| 3 | + <div class="hero" :style="{background: `url(${$frontmatter.bgImage || require('../images/home-bg.jpg')}) center/cover no-repeat`, ...bgImageStyle}"> |
4 | 4 | <h1>{{ data.heroText || $title || '午后南杂' }}</h1> |
5 | 5 |
|
6 | 6 | <p class="description">{{ data.tagline || $description || 'Welcome to your vuePress-theme-reco site' }}</p> |
7 | | - <p class="huawei" v-if="$themeConfig.huawei !== false"><i class="iconfont reco-huawei" style="color: #fc2d38"></i> 华为,为中华而为之!</p> |
| 7 | + <p class="huawei" v-if="$themeConfig.huawei === true"><i class="iconfont reco-huawei" style="color: #fc2d38"></i> 华为,为中华而为之!</p> |
8 | 8 | </div> |
9 | 9 |
|
10 | 10 | <div class="home-blog-wrapper"> |
|
15 | 15 | :data="posts" |
16 | 16 | :currentPage="1"></note-abstract> |
17 | 17 | <div class="info-wrapper"> |
18 | | - <img class="personal-img" :src="$page.frontmatter.faceImage || $themeConfig.logo" alt="hero"> |
| 18 | + <img class="personal-img" :src="$frontmatter.faceImage || $themeConfig.logo" alt="hero"> |
19 | 19 | <h3 class="name" v-if="$themeConfig.author || $site.title">{{ $themeConfig.author || $site.title }}</h3> |
20 | 20 | <div class="num"> |
21 | 21 | <div> |
@@ -117,7 +117,7 @@ export default { |
117 | 117 | return new Date().getFullYear() |
118 | 118 | }, |
119 | 119 | data() { |
120 | | - return this.$page.frontmatter; |
| 120 | + return this.$frontmatter; |
121 | 121 | }, |
122 | 122 |
|
123 | 123 | actionLink() { |
@@ -200,9 +200,9 @@ export default { |
200 | 200 | } |
201 | 201 |
|
202 | 202 | h1 { |
203 | | - margin: 4rem auto 1.8rem ; |
| 203 | + margin:10% auto 1.8rem ; |
204 | 204 | font-size: 2.5rem; |
205 | | - color #fff |
| 205 | + color #fff; |
206 | 206 | } |
207 | 207 |
|
208 | 208 | h1, .description, .action, .huawei { |
|
0 commit comments