diff --git a/example/pages/collapse/index.js b/example/pages/collapse/index.js index 25a1d364..825e50e3 100644 --- a/example/pages/collapse/index.js +++ b/example/pages/collapse/index.js @@ -6,29 +6,28 @@ Page({ active1: [0], active2: 0, active3: [], + active4: [], title1: '有赞微商城', title2: '有赞零售', title3: '有赞美业', content1: '提供多样店铺模板,快速搭建网上商城', content2: '网店吸粉获客、会员分层营销、一机多种收款,告别经营低效和客户流失', - content3: '线上拓客,随时预约,贴心顺手的开单收银' + content3: '线上拓客,随时预约,贴心顺手的开单收银', }, onChange(event) { const { key } = event.currentTarget.dataset; this.setData({ - [key]: event.detail + [key]: event.detail, }); }, onOpen(event) { - const openItem = event.detail; - Toast(`当前展开的面板的name: ${openItem}`); + Toast(`展开: ${event.detail}`); }, onClose(event) { - const closeItem = event.detail; - Toast(`当前关闭的面板的name: ${closeItem}`); - } + Toast(`关闭: ${event.detail}`); + }, }); diff --git a/example/pages/collapse/index.wxml b/example/pages/collapse/index.wxml index 6afa1e10..ff484264 100644 --- a/example/pages/collapse/index.wxml +++ b/example/pages/collapse/index.wxml @@ -14,8 +14,8 @@ - - + + {{ content1 }} {{ content2 }} {{ content3 }} @@ -23,7 +23,7 @@ - + {{ title1 }} diff --git a/packages/collapse/README.md b/packages/collapse/README.md index a32a7acf..a67e54c4 100644 --- a/packages/collapse/README.md +++ b/packages/collapse/README.md @@ -49,7 +49,7 @@ Page({ 通过`accordion`可以设置为手风琴模式,最多展开一个面板,此时`activeName`为字符串格式 ```html - + 提供多样店铺模板,快速搭建网上商城 @@ -77,7 +77,7 @@ Page({ ### 事件监听 -`van-collapse` 提供了 `change`, `open` 和 `close` 事件。`change` 事件在面板切换时触发。`open` 事件在面板展开时触发。`close` 事件在面板关闭时触发。 +`van-collapse` 提供了 `change`, `open` 和 `close` 事件。`change` 事件在面板切换时触发,`open` 事件在面板展开时触发,`close` 事件在面板关闭时触发。 ```html ``` +```javascript +Page({ + data: { + activeNames: ['1'], + }, + onChange(event) { + this.setData({ + activeNames: event.detail, + }); + }, + onOpen(event) { + Toast(`展开: ${event.detail}`); + }, + onClose(event) { + Toast(`关闭: ${event.detail}`); + }, +}); +``` + ### 自定义标题内容 ```html diff --git a/packages/divider/README.md b/packages/divider/README.md index d6a700ac..cf718615 100644 --- a/packages/divider/README.md +++ b/packages/divider/README.md @@ -1,9 +1,5 @@ # Divider 分割线 -### 介绍 - -分割线 - ### 引入 在`app.json`或`index.json`中引入组件,默认为`ES6`版本,`ES5`引入方式参见[快速上手](#/quickstart)