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 | 动画时间曲线 |