Commit 627c29cc authored by qingwei.li's avatar qingwei.li Committed by 杨奕

doc: add load transiton on demand, fixed #4758

parent afb6625d
...@@ -142,6 +142,18 @@ For collapse effect, use the `el-collapse-transition` component. ...@@ -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> <script>
module.exports = { module.exports = {
data: () => ({ data: () => ({
......
...@@ -142,6 +142,18 @@ Element 内应用在部分组件的过渡动画,你也可以直接使用。在 ...@@ -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> <style>
.transition-box { .transition-box {
margin-bottom: 10px; margin-bottom: 10px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment