docs(Collapse): add disabled demo (#7361)

2020-10-20 09:31:03 +08:00
parent 83fc8673a8
commit 784165d88c
4 changed files with 72 additions and 7 deletions
@@ -24,7 +24,7 @@ Vue.use(CollapseItem);
 <van-collapse v-model="activeNames">
  <van-collapse-item title="标题1" name="1">内容</van-collapse-item>
  <van-collapse-item title="标题2" name="2">内容</van-collapse-item>
-  <van-collapse-item title="标题3" name="3" disabled>内容</van-collapse-item>
+  <van-collapse-item title="标题3" name="3">内容</van-collapse-item>
 </van-collapse>
 ```

@@ -60,8 +60,22 @@ export default {
 };
 ```

+### 禁用状态
+
+通过 `disabled` 属性来禁用单个面板。
+
+```html
+<van-collapse v-model="activeNames">
+  <van-collapse-item title="标题1" name="1">内容</van-collapse-item>
+  <van-collapse-item title="标题2" name="2" disabled>内容</van-collapse-item>
+  <van-collapse-item title="标题3" name="3" disabled>内容</van-collapse-item>
+</van-collapse>
+```
+
 ### 自定义标题内容

+通过 `title` 插槽可以自定义标题栏的内容。
+
 ```html
 <van-collapse v-model="activeNames">
  <van-collapse-item name="1">