mirror of https://github.com/ElemeFE/element
doc: add load transiton on demand, fixed #4758
parent
afb6625d7c
commit
627c29cc69
|
@ -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 内应用在部分组件的过渡动画,你也可以直接使用。在
|
||||||
```
|
```
|
||||||
:::
|
:::
|
||||||
|
|
||||||
|
### 按需引入
|
||||||
|
|
||||||
|
```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;
|
||||||
|
|
Loading…
Reference in New Issue