新增: 全局动画切换功能;

This commit is contained in:
iczer
2020-06-18 15:01:39 +08:00
parent 25e1c0f808
commit ce3ee754f5
19 changed files with 226 additions and 73 deletions

17
src/config/animates.js Normal file
View File

@@ -0,0 +1,17 @@
const direct_s = ['left', 'right']
const direct_1 = ['down', 'up', 'left', 'right']
const direct_1_b = ['downBig', 'upBig', 'leftBig', 'rightBig']
const direct_2 = ['topLeft', 'bottomRight', 'topRight', 'bottomLeft']
const direct_3 = ['downLeft', 'upRight', 'downRight', 'upLeft']
module.exports = [
{name: 'back', alias: '后位', directions: direct_1},
{name: 'bounce', alias: '弹跳', directions: direct_1.concat('default')},
{name: 'fade', alias: '淡化', directions: direct_1.concat(direct_1_b).concat(direct_2).concat('default')},
{name: 'flip', alias: '翻转', directions: ['x', 'y', 'default']},
{name: 'lightSpeed', alias: '光速', directions: direct_s},
{name: 'rotate', alias: '旋转', directions: direct_3.concat('default')},
{name: 'roll', alias: '翻滚', directions: ['default']},
{name: 'zoom', alias: '缩放', directions: direct_1.concat('default')},
{name: 'slide', alias: '滑动', directions: direct_1},
]

11
src/config/index.js Normal file
View File

@@ -0,0 +1,11 @@
// 系统配置
module.exports = {
themeColor: '#1890ff',
animates: require('./animates'),
footerLinks: [
{link: 'https://pro.ant.design', name: 'Pro首页'},
{link: 'https://github.com/iczer/vue-antd-admin', icon: 'github'},
{link: 'https://ant.design', name: 'Ant Design'}
],
}