MUI列表滑动操作

前言:通过MUI等目前流行的前端框架,我们可以生成接近原生APP体验的界面。

列表滑动操作,使用了mui-table-view和mui-slider两个组件。

1.界面部分:

注:需要引入mui的样式和脚本外链


  
  	
  	
  	
  
   
  	

2.JS部分:

事件绑定方法可以通过on()函数批量绑定,也可以通过addEventListene()函数绑定单个元素。

    


实现界面如下:

  • 列表
MUI列表滑动操作_第1张图片
  • 左滑“左删除”
MUI列表滑动操作_第2张图片
  • 右滑“右删除”
MUI列表滑动操作_第3张图片
  • 删除提示
MUI列表滑动操作_第4张图片

你可能感兴趣的:(MUI)