1.0.2 • Published 9 months ago

transition-collapse-component v1.0.2

Weekly downloads
-
License
-
Repository
github
Last release
9 months ago

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

字段名类型默认值描述
collapsedbooleanfalse是否展开
durationnumber500动画持续时间
timingFunctionstringease-in-out动画时间曲线
1.0.2

9 months ago

1.0.1

9 months ago

1.0.0

9 months ago