Skip to content

M
Mycard Mobile
Commit 4587bd38 authored by 神楽坂玲奈's avatar 神楽坂玲奈
Browse files
Options

导航动画

parent 9c8158f8
Show whitespace changes
Inline Side-by-side
Showing with 4 additions and 4 deletions
src/app/router.animations.ts
View file @ 4587bd38
...@@ -54,8 +54,8 @@ ...@@ -54,8 +54,8 @@
import { animate, state, style, transition, trigger } from '@angular/animations'; import { animate, state, style, transition, trigger } from '@angular/animations';
export const routerTransition = trigger('routerTransition', [ export const routerTransition = trigger('routerTransition', [
state('void', style({ position: 'fixed', width: '100%' })), state('void', style({ position: 'absolute', width: '100%' })),
state('*', style({ position: 'fixed', width: '100%' })), state('*', style({ position: 'absolute', width: '100%' })),
transition(':enter', [ // before 2.1: transition('void => *', [ transition(':enter', [ // before 2.1: transition('void => *', [
style({ transform: 'translateX(100%)' }), style({ transform: 'translateX(100%)' }),
animate('.5s ease-in-out', style({ transform: 'translateX(0%)' })) animate('.5s ease-in-out', style({ transform: 'translateX(0%)' }))
...@@ -66,8 +66,8 @@ export const routerTransition = trigger('routerTransition', [ ...@@ -66,8 +66,8 @@ export const routerTransition = trigger('routerTransition', [
]) ])
]); ]);
export const routerTransition2 = trigger('routerTransition2', [ export const routerTransition2 = trigger('routerTransition2', [
state('void', style({ position: 'fixed', width: '100%' })), state('void', style({ position: 'absolute', width: '100%' })),
state('*', style({ position: 'fixed', width: '100%' })), state('*', style({ position: 'absolute', width: '100%' })),
transition(':enter', [ // before 2.1: transition('void => *', [ transition(':enter', [ // before 2.1: transition('void => *', [
style({ transform: 'translateX(-100%)' }), style({ transform: 'translateX(-100%)' }),
animate('.5s ease-in-out', style({ transform: 'translateX(0%)' })) 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