test/element
1
0
Fork 0
mirror of https://gitee.com/ElemeFE/element.git synced 2024-12-03 04:39:09 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

doc: add load transiton on demand, fixed #4758

Browse Source
This commit is contained in:
qingwei.li 2017-05-09 10:15:43 +08:00 committed by 杨奕
parent afb6625d7c
commit 627c29cc69
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
examples/docs/en-US/transition.md
View File

@ -142,6 +142,18 @@ For collapse effect, use the `el-collapse-transition` component.
```
:::
### On demand
```js
// fade/zoom
import 'element-ui/lib/theme-defaut/base.css';
// collapse
import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
import Vue from 'vue'
Vue.component(CollapseTransition.name, CollapseTransition)
```
<script>
module.exports = {
data: () => ({

12
examples/docs/zh-CN/transition.md
View File

@ -142,6 +142,18 @@ Element 内应用在部分组件的过渡动画，你也可以直接使用。在
```
:::
### 按需引入
```js
// fade/zoom 等
import 'element-ui/lib/theme-defaut/base.css';
// collapse 展开折叠
import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
import Vue from 'vue'
Vue.component(CollapseTransition.name, CollapseTransition)
```
<style>
.transition-box {
margin-bottom: 10px;