popup docs

docs/examples-docs/quantity.md

@@ -25,7 +25,39 @@ export default {
 
 ## Quantity 数量选择
 
-### 基础用法
+### 使用指南
+
+如果你已经按照[快速上手](/vue/component/quickstart)中引入了整个`ZanUI`，以下**组件注册**就可以忽略了，因为你已经全局注册了`ZanUI`中的全部组件。
+
+#### 全局注册
+
+你可以在全局注册`Quantity`组件，比如页面的主文件（`index.js`，`main.js`），这样页面任何地方都可以直接使用`Quantity`组件了：
+
+```js
+import Vue from 'vue';
+import { Quantity } from '@youzan/zanui-vue';
+import '@youzan/zanui-vue/lib/zanui-css/quantity.css';
+
+Vue.component(Quantity.name, Quantity);
+```
+
+#### 局部注册
+
+如果你只是想在某个组件中使用，你可以在对应组件中注册`Quantity`组件，这样只能在你注册的组件中使用`Quantity`：
+
+```js
+import { Quantity } from '@youzan/zanui-vue';
+
+export default {
+  components: {
+    'zan-quantity': Quantity
+  }
+};
+```
+
+### 代码演示
+
+#### 基础用法
 
 :::demo 基础用法
 ```html
@@ -34,7 +66,9 @@ export default {
 ```
 :::
 
-### 禁用Quantity
+#### 禁用Quantity
+
+设置`disabled`属性，此时`quantity`不可改变。
 
 :::demo 禁用Quantity
 ```html
@@ -42,7 +76,7 @@ export default {
 ```
 :::
 
-### 高级用法
+#### 高级用法
 
 默认是每次加减为1，可以对组件设置`step`、`min`、`max`、`defaultValue`属性。