diff options
| author |   cyuamber <xuranyjy@chinamobile.com> | 2019-09-12 10:54:11 +0800 |
|---|---|---|
| committer | cyuamber <xuranyjy@chinamobile.com> | 2019-09-12 10:56:48 +0800 |
| commit | 28071f9059054e48105b9edac78cfb55415f40df (patch) | |
| tree | e00b5afec30349c72311b165b79228c541785639 | |
| parent | d56bca3670049515d8a69e56d9f692e0f70c276b (diff) | |
bug: fix routing transition animation
Change-Id: I542a75134c622e237d48310ab0c5985c0f34b624
Issue-ID: USECASEUI-306
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
| -rw-r--r-- | usecaseui-portal/src/app/shared/utils/animates.ts | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/usecaseui-portal/src/app/shared/utils/animates.ts b/usecaseui-portal/src/app/shared/utils/animates.ts index d5c29b7e..86780a3a 100644 --- a/usecaseui-portal/src/app/shared/utils/animates.ts +++ b/usecaseui-portal/src/app/shared/utils/animates.ts @@ -18,17 +18,17 @@ import { trigger, state, style, animate, transition } from '@angular/animations' // Routing animation export const slideToRight = trigger('routerAnimate', [ // Define void to indicate empty state - state('void', style({ position:'fixed', zIndex:'-1' })), //I don't understand why I want to add a positioning animation to take effect. + state('void', style({ })), // * Indicates any state - state('*', style({ })), + state('*', style({})), // Admission animation transition(':enter', [ - style({transform: 'translateX(-100%)'}), + style({transform: 'translateX(-100%)',position: 'fixed',width: '*'}), animate('.5s ease-in-out') ]), // Opening animation transition(':leave', [ - animate('.5s ease-in-out', style({transform: 'translateX(100%)'}) ) + animate('.5s ease-in-out', style({transform: 'translateX(100%)',position: 'fixed',width:'*' }) ) ]) ]); // Detail page shows hidden animation |