Add some cheap transition anymation.
This commit is contained in:
parent
c9604eec9d
commit
6fad01339c
2 changed files with 10 additions and 1 deletions
|
@ -263,3 +263,10 @@ attention {
|
||||||
nav {
|
nav {
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.fade-enter-active, .fade-leave-active {
|
||||||
|
transition: opacity .2s
|
||||||
|
}
|
||||||
|
.fade-enter, .fade-leave-active {
|
||||||
|
opacity: 0
|
||||||
|
}
|
||||||
|
|
|
@ -11,7 +11,9 @@
|
||||||
<nav-panel></nav-panel>
|
<nav-panel></nav-panel>
|
||||||
<notifications v-if="currentUser"></notifications>
|
<notifications v-if="currentUser"></notifications>
|
||||||
</sidebar>
|
</sidebar>
|
||||||
<router-view></router-view>
|
<transition name="fade">
|
||||||
|
<router-view></router-view>
|
||||||
|
</transition>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in a new issue