微信小程序点击删除当前内容

写个点击删除的功能 虽然这个功能到现在我还没用上过 不过以后肯定会遇上的 先记个笔记

首先得先有个页面

这是循环出来的六条数据 丑是丑了点 不影响功能就行 嗯 旁边那个图标是我们要点击删除的按钮 点击它删除这当前的一整行 下面贴一张页面结构代码

结构的重点在循环的时候也循环一个index值出来 删除按钮则给一个id值 id值是为了绑定index 这样删除的时候可以准确的找到删除的哪一条 下面放js代码

data数据 这个其实没什么好看的 一个普通的数组里面有6条数据 后面的删除事件才是重点

上图是删除事件 注释已经写的比较详细了 300字肯定没有达到 所以我要放css来凑字数了

page{background-color:#f3f3f3;}

.feesback_rop{text-align:center;line-height:100rpx;background-color:#fff;position:fixed;bottom:

0;width:100%;border-top:2rpxsolid#f3f3f3;}

.feedback_top{margin-top:20rpx;background-color:#fff;width:94%;padding:3%;}

.feedback_top.feedback_title{line-height:60rpx;padding-top:6rpx;}

.feedback_top.feedback_titleview{font-size:28rpx;color:#333;float:left;}

.feedback_top.feedback_titleimage{width:38rpx;float:right;margin-top:15rpx;margin-right:3%;}

.feedback_time{line-height:42rpx;color:#666;}

.feedback_cont{margin-top:18rpx;}

.feedback_conttext{color:#333;line-height:48rpx;}

.feedback_image{padding:20rpx;}

.feedback_imageimage{width:200rpx;}

完成 ojbk

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180805G14WYM00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券