mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-23 06:05:11 +00:00
Add appear transition
This commit is contained in:
parent
d96a48c3b4
commit
b9c318be6a
6
examples/spa/assets/main.css
Normal file
6
examples/spa/assets/main.css
Normal file
@ -0,0 +1,6 @@
|
||||
.appear-active {
|
||||
transition: opacity .5s
|
||||
}
|
||||
.appear {
|
||||
opacity: 0
|
||||
}
|
@ -1,5 +1,16 @@
|
||||
module.exports = {
|
||||
/*
|
||||
** Single Page Application mode
|
||||
** Means no SSR
|
||||
*/
|
||||
mode: 'spa',
|
||||
/*
|
||||
** Add css for appear transition
|
||||
*/
|
||||
css: ['~/assets/main.css'],
|
||||
/*
|
||||
** Cutomize loading indicator
|
||||
*/
|
||||
loadingIndicator: {
|
||||
/*
|
||||
** See https://github.com/nuxt/nuxt.js/tree/dev/lib/app/views/loading for available loading indicators
|
||||
@ -15,6 +26,6 @@ module.exports = {
|
||||
** - background: 'white'
|
||||
*/
|
||||
color: '#222',
|
||||
background: '#eee'
|
||||
background: 'white'
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user