# veil-transitions

**Repository Path**: apm29/veil-transitions

## Basic Information

- **Project Name**: veil-transitions
- **Description**: 定制一些常用的transitions
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-08-05
- **Last Updated**: 2021-08-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### Transition

从vuetify复制的transition部分

### Usage

```javascript
import { VeilSlideYTransition, VeilScaleTransition } from "veil-transitions"
import "veil-transitions/src/components/index.css"

export default {
  components: { VeilSlideYTransition, VeilScaleTransition }
}
```

```vue

<VeilScaleTransition group>
    <template v-for="(item,index) of data" :key="index">
      <div class="tw-flex tw-flex-col tw-text-left tw-m-2 tw-font-light tw-p-4 tw-shadow-lg">
        <q>{{ item.text }}</q>
        <blockquote class="tw-self-end tw-text-sm tw-font-normal">
          {{ item.author }}
        </blockquote>
      </div>
    </template>
</VeilScaleTransition>
```