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 = {
|
module.exports = {
|
||||||
|
/*
|
||||||
|
** Single Page Application mode
|
||||||
|
** Means no SSR
|
||||||
|
*/
|
||||||
mode: 'spa',
|
mode: 'spa',
|
||||||
|
/*
|
||||||
|
** Add css for appear transition
|
||||||
|
*/
|
||||||
|
css: ['~/assets/main.css'],
|
||||||
|
/*
|
||||||
|
** Cutomize loading indicator
|
||||||
|
*/
|
||||||
loadingIndicator: {
|
loadingIndicator: {
|
||||||
/*
|
/*
|
||||||
** See https://github.com/nuxt/nuxt.js/tree/dev/lib/app/views/loading for available loading indicators
|
** 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'
|
** - background: 'white'
|
||||||
*/
|
*/
|
||||||
color: '#222',
|
color: '#222',
|
||||||
background: '#eee'
|
background: 'white'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user