Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-11 08:33:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add animations

Browse Source
This commit is contained in:
Sebastien Chopin 2017-08-01 15:54:29 +02:00
parent 1165713b82
commit 8682aa2d01
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
examples/nested-routes/nuxt.config.js
View File

@ -1,4 +1,5 @@
module.exports = {
loading: false,
head: {
meta: [
{ charset: 'utf-8' },

12
examples/nested-routes/pages/index.vue
View File

@ -9,7 +9,7 @@
</ul>
</div>
<div class="right">
<nuxt-child/>
<nuxt-child :key="$route.params.id"/>
</div>
</div>
</template>
@ -23,6 +23,16 @@ export default {
</script>
<style scoped>
.page-enter-active, .page-leave-active {
transition: opacity .4s, transform .4s;
transform-style: preserve-3d;
backface-visibility: hidden;
opacity: 1;
}
.page-enter, .page-leave-active {
opacity: 0.5;
transform: rotateY(100deg);
}
.container {
width: 100%;
margin: 0;