github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-27 19:29:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add count-to component and demo

Browse Source
This commit is contained in:
vben
2020-10-12 01:15:31 +08:00
parent 4811cce809
commit afc7263efb
8 changed files with 79 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Loading/FullLoading.vue
View File

@@ -41,8 +41,8 @@
display: flex;
width: 100%;
height: 100%;
// background: rgba(255, 255, 255, 0.5);
background: #f1f1f63d;
// background: rgba(255, 255, 255, 0.3);
background: rgba(241, 241, 246, 0.8);
justify-content: center;
align-items: center;
}

35
src/components/Transition/index.ts
View File

@@ -1,20 +1,23 @@
import { createSimpleTransition, createJavascriptTransition } from './src/CreateTransition';
import {
// createSimpleTransition,
createJavascriptTransition,
} from './src/CreateTransition';
import ExpandTransitionGenerator from './src/ExpandTransition';
export { default as CollapseTransition } from './src/CollapseTransition';
export const FadeTransition = createSimpleTransition('fade-transition');
export const ScaleTransition = createSimpleTransition('scale-transition');
export const SlideYTransition = createSimpleTransition('slide-y-transition');
export const ScrollYTransition = createSimpleTransition('scroll-y-transition');
export const SlideYReverseTransition = createSimpleTransition('slide-y-reverse-transition');
export const ScrollYReverseTransition = createSimpleTransition('scroll-y-reverse-transition');
export const SlideXTransition = createSimpleTransition('slide-x-transition');
export const ScrollXTransition = createSimpleTransition('scroll-x-transition');
export const SlideXReverseTransition = createSimpleTransition('slide-x-reverse-transition');
export const ScrollXReverseTransition = createSimpleTransition('scroll-x-reverse-transition');
export const ScaleRotateTransition = createSimpleTransition('scale-rotate-transition');
// export const FadeTransition = createSimpleTransition('fade-transition');
// export const ScaleTransition = createSimpleTransition('scale-transition');
// export const SlideYTransition = createSimpleTransition('slide-y-transition');
// export const ScrollYTransition = createSimpleTransition('scroll-y-transition');
// export const SlideYReverseTransition = createSimpleTransition('slide-y-reverse-transition');
// export const ScrollYReverseTransition = createSimpleTransition('scroll-y-reverse-transition');
// export const SlideXTransition = createSimpleTransition('slide-x-transition');
// export const ScrollXTransition = createSimpleTransition('scroll-x-transition');
// export const SlideXReverseTransition = createSimpleTransition('slide-x-reverse-transition');
// export const ScrollXReverseTransition = createSimpleTransition('scroll-x-reverse-transition');
// export const ScaleRotateTransition = createSimpleTransition('scale-rotate-transition');
// Javascript transitions
export const ExpandTransition = createJavascriptTransition(
@@ -22,7 +25,7 @@ export const ExpandTransition = createJavascriptTransition(
ExpandTransitionGenerator()
);
export const ExpandXTransition = createJavascriptTransition(
'expand-x-transition',
ExpandTransitionGenerator('', true)
);
// export const ExpandXTransition = createJavascriptTransition(
// 'expand-x-transition',
// ExpandTransitionGenerator('', true)
// );