0.1.5 • Published 4 years ago

chessyu-package-ui v0.1.5

Weekly downloads
-
License
MIT
Repository
-
Last release
4 years ago

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>

动画组件参数

属性参数说明
animationTypescale-up-center传入组件的class名,可选参数看下面列表
  • 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