微信小程序独家秘笈之左滑删除

原创

于 2018-09-23 18:11:56 发布 · 2.2k 阅读

12 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #独家秘笈 #左滑删除

代码地址如下：
http://www.demodashi.com/demo/14056.html

一、前期准备工作

软件环境：微信开发者工具
官方下载地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

1、基本需求。

左滑删除
设置默认

2、案例目录结构

二、程序实现具体步骤

1.index.wxml代码

<view class="item-box">
  <view class="items">
    <view wx:for="{
  
  {list}}"  wx:key="{
  
  {index}}"  class="item">
      <view bindtouchstart="touchS" bindtouchmove="touchM" bindtouchend="touchE" data-index="{
  
  {index}}" style="{
  
  {item.txtStyle}