微信小程序开发之左滑修改、删除功能

最新推荐文章于 2024-04-01 16:30:40 发布

阡路陌人

最新推荐文章于 2024-04-01 16:30:40 发布

阅读量3.1k

点赞数

分类专栏：小程序文章标签：小程序左滑功能

本文链接：https://blog.csdn.net/m0_37852904/article/details/81085060

版权

本文介绍了如何在微信小程序中实现左滑修改和删除功能，详细讲解了wxml、wxss和js的相关代码实现，并提到了请求封装的方法。

摘要由CSDN通过智能技术生成

wxml：

<view class="offer-item" wx:for-items='{
   {
   offerList}}'>
    <!--这里绑定了刚才说的3个函数分别为 touchS，touchM touchE-->
    <!--这里注意这个  style="{
   {
   item.txtStyle}}" ，这是我们一会再js中 将要设置的样式 -->
    <view  style="{
   {
   item.txtStyle}}">
      <view class="offer-item-top fl clearfix" bindtouchstart="touchS" bindtouchmove="touchM" bindtouchend="touchE"  data-index="{
   {
   index}}">
        <navigator bindtap='navigatorTo' data-index="{
   {
   item.id}}">
          <view class='content'>
            <view class='title clearfix'>
              <view class='fl'>
                {
   {
   item.title}}党建项目报价表
              </view>
              <image src='../../images/right.png' class='fr'></image>
            </view>
            <view class='note clearfix'>
              <view class='price fl'>
                {
   {
   item.create_time}}
              </view>
            </view>
          </view>
        </navigator>
      </view>

      <!--这里是左滑按钮部分----start-->
      <view bindtap="delItem" class='posit fr isMove' hidden='{
   {!item.isMove}}'>
          <view class=