0.0.3 • Published 5 days ago
tiny-transitions v0.0.3
tiny-transitions
Opentiny engine materials component for css transitions.
过渡效果动画物料组件库
Usage
- 在 tiny-engine 项目中执行 pnpm splitMaterials 命令，将物料分离
- 将本项目 materials/components/TinyTransitions.json 文件放于 tiny-engine 项目中的 materials/components 目录下
- 在 tiny-engine 项目中执行 pnpm buildMaterials 命令，将物料打包
- 运行 pnpm run start 命令，运行设计器项目
- 拖拽左侧的 “过渡动画”组件到右侧设计面板，即可使用
Props
| Prop | Required | Type | Description |
|---|---|---|---|
| appear | false | boolean | 动画是否在初始渲染时触发 |
| enter | false | string | 入场动画样式 |
| enterDuration | false | number | 入场动画持续时间毫秒 |
| enterDelay | false | number | 入场动画延迟时间毫秒 |
| leave | false | string | 出场动画样式 |
| leaveDuration | false | number | 出场动画持续时间毫秒 |
| leaveDelay | false | number | 出场动画延迟时间毫秒 |