diff --git a/docs/examples-docs/waterfall.md b/docs/examples-docs/waterfall.md index 7ba9035da..ad88ecb89 100644 --- a/docs/examples-docs/waterfall.md +++ b/docs/examples-docs/waterfall.md @@ -1,6 +1,32 @@ ## Waterfall 瀑布流 -### 基础用法 +#### 全局注册 + +`Waterfall`引入后就自动全局安装。如果需要,可以再次手动安装: + +```js +import Vue from 'vue'; +import { Waterfall } from '@youzan/zanui-vue'; + +Waterfall.install(Vue); +``` + +#### 局部注册 + +如果你只是想在某个组件中使用`Waterfall`,你可以在对应组件中注册`Waterfall`指令,这样只能在你注册的组件中使用`Waterfall`: + +```js +import { Waterfall } from '@youzan/zanui-vue'; + +export default { + directives: { + WaterfallLower: Waterfall('lower'), + WaterfallUpper: Waterfall('upper') + } +}; +``` + +### 代码演示