diff options
author | cyuamber <xuranyjy@chinamobile.com> | 2019-08-23 11:05:42 +0800 |
---|---|---|
committer | cyuamber <xuranyjy@chinamobile.com> | 2019-08-23 11:05:53 +0800 |
commit | 4e11ad92dbc929de190a6c211457bebc88636acd (patch) | |
tree | 8803e836f32d02032703b7a01c7fcd2b620a745c /usecaseui-portal/src/app/animates.ts | |
parent | beb1797fc10f12fcdab0147fca7223c80e41c5c6 (diff) |
refactor: change the position of animates.ts to utils
Change-Id: I712d76b1b327e8803d55e90b7a153ad0e44a14c9
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/animates.ts')
-rw-r--r-- | usecaseui-portal/src/app/animates.ts | 57 |
1 files changed, 0 insertions, 57 deletions
diff --git a/usecaseui-portal/src/app/animates.ts b/usecaseui-portal/src/app/animates.ts deleted file mode 100644 index d5c29b7e..00000000 --- a/usecaseui-portal/src/app/animates.ts +++ /dev/null @@ -1,57 +0,0 @@ -/* - Copyright (C) 2019 CMCC, Inc. and others. All rights reserved. - - Licensed under the Apache License, Version 2.0 (the "License"); - you may not use this file except in compliance with the License. - You may obtain a copy of the License at - - http://www.apache.org/licenses/LICENSE-2.0 - - Unless required by applicable law or agreed to in writing, software - distributed under the License is distributed on an "AS IS" BASIS, - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - See the License for the specific language governing permissions and - limitations under the License. -*/ -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. - // * Indicates any state - state('*', style({ })), - // Admission animation - transition(':enter', [ - style({transform: 'translateX(-100%)'}), - animate('.5s ease-in-out') - ]), - // Opening animation - transition(':leave', [ - animate('.5s ease-in-out', style({transform: 'translateX(100%)'}) ) - ]) -]); -// Detail page shows hidden animation -export const showHideAnimate = trigger('showHideAnimate', [ - state('show', style({ - transform: 'scale(1)', - display:'block', - })), - state('hide', style({ - transform: 'scale(0)', - display:'none' - })), - transition('show => hide', animate('300ms ease-in')), - transition('hide => show', animate('300ms ease-out')) -]); -// Detail page shows hidden animation -export const slideUpDown = trigger('slideUpDown', [ - state('down', style({ - height: "*" - })), - state('up', style({ - height: "0" - })), - transition('down => up', animate('300ms ease-in')), - transition('up => down', animate('300ms ease-out')) -]);
\ No newline at end of file |