chessyu-package-ui v0.1.5

chessyu-package-ui

基于 vue-cli3 开发的 UI 组件库包含动画组件

安装

npm install chessyu-package-ui -S

or

yarn chessyu-package-ui -S

使用

import Vue from "vue"

import ChessyuPackageUI from 'chessyu-package-ui'

import 'chessyu-package-ui/lib/chessyu-package-ui.css'

Vue.use(ChessyuPackageUI)

在组件中使用

<template>

    <div>

        <chess-test></chess-test>

        <chess-animation animationType="scale-up-center"></chess-animation>

    </div>

</template>

动画组件参数

• scale-up-center
• scale-up-hor-center
• rotate-center
• rotate-hor-center
• rotate-diagonal-2
• rotate-diagonal-1
• rotate-vert-center
• rotate-scale-up
• rotate-scale-down
• shadow-drop-2-br
• rotate-in-center
• swirl-in-right-bck
• flip-in-diag-2-br
• slit-in-diagonal-2
• slide-in-bck-center
• slide-in-bck-left
• slide-in-elliptic-top-bck
• slide-in-elliptic-left-bck
• slide-in-elliptic-bottom-fwd
• bounce-in-right
• bounce-in-left
• bounce-in-top
• roll-in-blurred-left
• roll-in-blurred-top
• tilt-in-tr
• scale-out-bl
• rotate-out-center
• roll-out-blurred-right
• tracking-in-expand-fwd
• tracking-in-contract
• tracking-in-contract-bck
• tracking-in-contract-bck-top
• tracking-out-expand-fwd
• tracking-out-expand-fwd-top
• focus-in-contract-bck
• vibrate-1
• shake-bottom
• shake-bl
• jello-horizontal
• bounce-top
• ping
• kenburns-bottom-right
• bg-pan-tr
• bg-pan-br
• bg-pan-tl
• bg-pan-bl