微信小程序滴滴中银行卡管理模块左滑出现删除和编辑的代码实现

发布日期： 2018-08-10 阅读量： 作者： 网络

本篇文章给大家带来的内容是关于微信小程序滴滴中银行卡管理模块左滑出现删除和编辑的代码实现，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

最近在类似于滴滴软件的一款小程序，工程确实有点大，很多东西都是第一次做。这次记录一下关于左滑删除的一个代码记录。主要的思想就是计算滑动距离的大小来使用css中的 transition 控制滑动的效果，主流的都是控制边距margin来达到左滑的效果。

根据我所拿到的ui，我所运用的是使用宽度和radius来达到左滑的效果，造一个属性值，并塞进遍历数组进行判断是true还是false来控制样式。

完成效果：

html

<view>
  <view>
    <view>
      <view>{{item.bank}}</view>
      <view>{{item.names}}</view>
      <view>{{item.cardNum}}</view>
    </view>
    <view>
      <view>编辑</view>
      <view>删除</view>
    </view>
  </view>  </view>

# 微信小程序

上一篇: 在linux系统下apache的默认安装路径在哪

下一篇: centos7安装php环境的正确方法是什么

微信小程序滴滴中银行卡管理模块左滑出现删除和编辑的代码实现

随便看看