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

fix: comment load animation

Browse Source
This commit is contained in:
reco_luan 2020-03-15 15:35:10 +08:00
parent 3e10af6fbd
commit c3bc7892dc
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/Common.vue
View File

@ -34,7 +34,9 @@
<Password v-show="!isHasPageKey" :isPage="true" class="password-wrapper-in" key="in"></Password> <Password v-show="!isHasPageKey" :isPage="true" class="password-wrapper-in" key="in"></Password>
<div :class="{ 'hide': !isHasPageKey }"> <div :class="{ 'hide': !isHasPageKey }">
<slot></slot> <slot></slot>
<Comments :isShowComments="shouldShowComments"/> <ModuleTransition delay=".48">
<Comments v-show="recoShowModule" :isShowComments="shouldShowComments"/>
</ModuleTransition>
</div> </div>
</div> </div>
</div> </div>
@ -65,7 +67,9 @@
<Password v-if="!isHasPageKey" :isPage="true"></Password> <Password v-if="!isHasPageKey" :isPage="true"></Password>
<div v-else> <div v-else>
<slot></slot> <slot></slot>
<Comments :isShowComments="shouldShowComments"/> <ModuleTransition delay=".48">
<Comments v-show="recoShowModule" :isShowComments="shouldShowComments"/>
</ModuleTransition>
</div> </div>
</div> </div>
</transition> </transition>
@ -80,9 +84,13 @@ import Sidebar from '@theme/components/Sidebar'
import { resolveSidebarItems } from '@theme/helpers/utils' import { resolveSidebarItems } from '@theme/helpers/utils'
import Password from '@theme/components/Password' import Password from '@theme/components/Password'
import { setTimeout } from 'timers' import { setTimeout } from 'timers'
import ModuleTransition from '@theme/components/ModuleTransition'
import moduleTransitonMixin from '@theme/mixins/moduleTransiton'
export default { export default {
components: { Sidebar, Navbar, Password }, mixins: [moduleTransitonMixin],
components: { Sidebar, Navbar, Password, ModuleTransition },
props: { props: {
sidebar: { sidebar: {