Commit 4587bd38 authored by 神楽坂玲奈's avatar 神楽坂玲奈

导航动画

parent 9c8158f8
......@@ -54,8 +54,8 @@
import { animate, state, style, transition, trigger } from '@angular/animations';
export const routerTransition = trigger('routerTransition', [
state('void', style({ position: 'fixed', width: '100%' })),
state('*', style({ position: 'fixed', width: '100%' })),
state('void', style({ position: 'absolute', width: '100%' })),
state('*', style({ position: 'absolute', width: '100%' })),
transition(':enter', [ // before 2.1: transition('void => *', [
style({ transform: 'translateX(100%)' }),
animate('.5s ease-in-out', style({ transform: 'translateX(0%)' }))
......@@ -66,8 +66,8 @@ export const routerTransition = trigger('routerTransition', [
])
]);
export const routerTransition2 = trigger('routerTransition2', [
state('void', style({ position: 'fixed', width: '100%' })),
state('*', style({ position: 'fixed', width: '100%' })),
state('void', style({ position: 'absolute', width: '100%' })),
state('*', style({ position: 'absolute', width: '100%' })),
transition(':enter', [ // before 2.1: transition('void => *', [
style({ transform: 'translateX(-100%)' }),
animate('.5s ease-in-out', style({ transform: 'translateX(0%)' }))
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment