fix(vuepress-theme-reco): style in timeline page

This commit is contained in:
reco_luan 2020-04-05 00:02:12 +08:00
parent dc22819216
commit f5e7dfe484
7 changed files with 177 additions and 188 deletions

View File

@ -133,7 +133,6 @@ export default {
mounted () { mounted () {
this.recoShow = true this.recoShow = true
this._setPage(this._getStoragePage()) this._setPage(this._getStoragePage())
console.log(this)
}, },
methods: { methods: {
// //

View File

@ -1,11 +1,11 @@
<template> <template>
<div class="theme-container" v-if="!noFoundPageByTencent"> <section class="theme-container" v-if="!noFoundPageByTencent">
<div class="content"> <article class="content">
<h1>404</h1> <h1>404</h1>
<blockquote>{{ getMsg() }}</blockquote> <blockquote>{{ getMsg() }}</blockquote>
<router-link to="/">Take me home.</router-link> <router-link to="/">Take me home.</router-link>
</div> </article>
</div> </section>
</template> </template>
<script> <script>

View File

@ -1,7 +1,5 @@
<template> <template>
<div class="categories-wrapper"> <Common class="categories-wrapper" :sidebar="false" :isComment="false">
<!-- 公共布局 -->
<Common :sidebar="false" :isComment="false">
<!-- 分类集合 --> <!-- 分类集合 -->
<ModuleTransition> <ModuleTransition>
<ul v-show="recoShowModule" class="category-wrapper"> <ul v-show="recoShowModule" class="category-wrapper">
@ -37,7 +35,6 @@
@getCurrentPage="getCurrentPage"></pagation> @getCurrentPage="getCurrentPage"></pagation>
</ModuleTransition> </ModuleTransition>
</Common> </Common>
</div>
</template> </template>
<script> <script>

View File

@ -1,11 +1,9 @@
<template> <template>
<div>
<Common> <Common>
<component v-if="$frontmatter.home" :is="homeCom"/> <component v-if="$frontmatter.home" :is="homeCom"/>
<Page v-else :sidebar-items="sidebarItems"/> <Page v-else :sidebar-items="sidebarItems"/>
<Footer v-if="$frontmatter.home" class="footer" /> <Footer v-if="$frontmatter.home" class="footer" />
</Common> </Common>
</div>
</template> </template>
<script> <script>

View File

@ -1,7 +1,6 @@
<template> <template>
<div class="tag-wrapper">
<!-- 公共布局 --> <!-- 公共布局 -->
<Common :sidebar="false" :isComment="false"> <Common class="tag-wrapper" :sidebar="false" :isComment="false">
<!-- 标签集合 --> <!-- 标签集合 -->
<ModuleTransition> <ModuleTransition>
<TagList <TagList
@ -30,7 +29,6 @@
@getCurrentPage="getCurrentPage"></pagation> @getCurrentPage="getCurrentPage"></pagation>
</ModuleTransition> </ModuleTransition>
</Common> </Common>
</div>
</template> </template>
<script> <script>

View File

@ -1,6 +1,5 @@
<template> <template>
<div class="tags-wrapper"> <Common class="tags-wrapper" :sidebar="false" :isComment="false">
<Common :sidebar="false" :isComment="false">
<!-- 标签集合 --> <!-- 标签集合 -->
<ModuleTransition> <ModuleTransition>
<TagList <TagList
@ -29,7 +28,6 @@
@getCurrentPage="getCurrentPage"></pagation> @getCurrentPage="getCurrentPage"></pagation>
</ModuleTransition> </ModuleTransition>
</Common> </Common>
</div>
</template> </template>
<script> <script>

View File

@ -1,7 +1,6 @@
<template> <template>
<div> <Common class="timeline-wrapper" :sidebar="false" :isComment="false">
<Common :sidebar="false" :isComment="false"> <ul class="timeline-content">
<ul class="timeline-wrapper">
<ModuleTransition > <ModuleTransition >
<li v-show="recoShowModule" class="desc">Yesterday Once More!</li> <li v-show="recoShowModule" class="desc">Yesterday Once More!</li>
</ModuleTransition> </ModuleTransition>
@ -21,8 +20,6 @@
</ModuleTransition> </ModuleTransition>
</ul> </ul>
</Common> </Common>
</div>
</template> </template>
<script> <script>
@ -61,9 +58,11 @@ export default {
@require '../styles/wrapper.styl' @require '../styles/wrapper.styl'
.timeline-wrapper .timeline-wrapper
box-sizing border-box
max-width: 740px; max-width: 740px;
margin: 8rem auto 4rem; margin: 0 auto;
padding: 4.6rem 2.5rem 0;
.timeline-content
box-sizing border-box
position relative position relative
list-style none list-style none
&::after { &::after {