1.0.2 • Published 9 months ago
transition-collapse-component v1.0.2
transition-collapse
微信小程序组件,使用 npm 构建。请先阅读微信官方文档 npm 支持
接入
npm i transition-collapse-component
Simple Usage
<w-transition-collapse collapsed="{{collapsed}}"> <view wx:for="{{[1, 2, 3, 4, 5, 6, 7]}}" wx:key="index">折叠内容{{item}}</view> </w-transition-collapse> <button bindtap="handleClick">{{collapsed ? '折叠' : '展开'}}</button>
Page({ data: { collapsed: false }, handleClick() { this.setData({ collapsed: !this.data.collapsed }) } })
{ "usingComponents": { "w-transition-collapse": "transition-collapse/index" } }
Props
字段名 | 类型 | 默认值 | 描述 |
---|---|---|---|
collapsed | boolean | false | 是否展开 |
duration | number | 500 | 动画持续时间 |
timingFunction | string | ease-in-out | 动画时间曲线 |