Pārlūkot izejas kodu

doc: add load transiton on demand, fixed #4758

qingwei.li 8 gadi atpakaļ
vecāks
revīzija
627c29cc69
2 mainītis faili ar 24 papildinājumiem un 0 dzēšanām
  1. 12 0
      examples/docs/en-US/transition.md
  2. 12 0
      examples/docs/zh-CN/transition.md

+ 12 - 0
examples/docs/en-US/transition.md

@@ -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 - 0
examples/docs/zh-CN/transition.md

@@ -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;