zhuyijun/vuepress-theme-reco
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: fix home.vue

Browse Source
This commit is contained in:
reco_luan 2019-12-09 11:33:55 +08:00
parent 80dc4d7254
commit 571e865fdd
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/Home.vue
View File

@ -3,31 +3,31 @@
<div class="hero"> <div class="hero">
<ModuleTransition> <ModuleTransition>
<img <img
v-if="recoShowModule && $frontmatter.isShowHeroImage !== false" v-if="recoShowModule && $frontmatter.heroImage"
:style="heroImageStyle" :style="heroImageStyle || {}"
:src="$frontmatter.heroImage ? $withBase($frontmatter.heroImage) : require('../images/icon_vuepress_reco.png')" :src="$withBase($frontmatter.heroImage)"
alt="hero"> alt="hero">
</ModuleTransition> </ModuleTransition>
<ModuleTransition delay="0.08"> <ModuleTransition delay="0.04">
<h1 v-if="recoShowModule && $frontmatter.isShowTitleInHome !== false">{{ $frontmatter.heroText || $title || '午后南杂' }}</h1> <h1 v-if="recoShowModule && $frontmatter.isShowTitleInHome !== false">{{ $frontmatter.heroText || $title || '午后南杂' }}</h1>
</ModuleTransition> </ModuleTransition>
<ModuleTransition delay="0.16"> <ModuleTransition delay="0.08">
<p v-if="recoShowModule" class="description">{{ $description || 'Welcome to your vuePress-theme-reco site' }}</p> <p v-if="recoShowModule" class="description">{{ $description || 'Welcome to your vuePress-theme-reco site' }}</p>
</ModuleTransition> </ModuleTransition>
<ModuleTransition delay="0.24"> <ModuleTransition delay="0.16">
<p class="huawei" v-if="recoShowModule && $themeConfig.huawei === true"> <p class="huawei" v-if="recoShowModule && $themeConfig.huawei === true">
<i class="iconfont reco-huawei" style="color: #fc2d38"></i> <i class="iconfont reco-huawei" style="color: #fc2d38"></i>
&nbsp;&nbsp;&nbsp;华为，为中华而为之！ &nbsp;&nbsp;&nbsp;华为，为中华而为之！
</p> </p>
</ModuleTransition> </ModuleTransition>
<ModuleTransition delay="0.32"> <ModuleTransition delay="0.24">
<p class="action" v-if="recoShowModule && $frontmatter.actionText && $frontmatter.actionLink"> <p class="action" v-if="recoShowModule && $frontmatter.actionText && $frontmatter.actionLink">
<NavLink class="action-button" :item="actionLink"/> <NavLink class="action-button" :item="actionLink"/>
</p> </p>
</ModuleTransition> </ModuleTransition>
</div> </div>
<ModuleTransition delay="0.4"> <ModuleTransition delay="0.32">
<div class="features" v-if="recoShowModule && $frontmatter.features && $frontmatter.features.length"> <div class="features" v-if="recoShowModule && $frontmatter.features && $frontmatter.features.length">
<div v-for="(feature, index) in $frontmatter.features" :key="index" class="feature"> <div v-for="(feature, index) in $frontmatter.features" :key="index" class="feature">
<h2>{{ feature.title }}</h2> <h2>{{ feature.title }}</h2>
@ -35,7 +35,7 @@
</div> </div>
</div> </div>
</ModuleTransition> </ModuleTransition>
<ModuleTransition delay="0.48"> <ModuleTransition delay="0.4">
<Content class="home-center" v-if="recoShowModule" custom/> <Content class="home-center" v-if="recoShowModule" custom/>
</ModuleTransition> </ModuleTransition>
</div> </div>