手势滑动

 

滑动单元格

<view a:for="{{searchtag}}" data-keyword="{{item}}">

          <swipe-action right="{{right}}" restore="{{swipeIndex === null || swipeIndex !== index}}" index="{{index}}" onRightItemClick="onItemDelete" extra="{{item}}" onSwipeStart="onSwipeStart" restore="true">

              <list-item data-text="{{item}}">

              </list-item>

          </swipe-action>

</view>
//onRightItemClick滑出单元格的删除事件
//right="{{right}}"滑出的数据,right: [{ type: 'delete', text: '删除', fColor: '#FFFFFF' }]是一个数组,可以设置样式类型
//extra="{{item}}"绑定的数据 e.eatra供事件操作
//onSwipeStart滑动单元格的事件,(设置变量记得一开始是null)true和false判断滑动两种状态,e.index是滑动单元格的下标
//restore="{{swipeIndex === null || swipeIndex !== index}}" 设定单元格滑出再滑出其他单元格时,不会同时存在两个单元格滑出的状态
//index="{{index}}"绑定单元格的下标e.index供事件操作

 

posted @ 2021-04-23 09:50  青眼魔术  阅读(123)  评论(0)    收藏  举报