最近做微信小程序项目遇到左滑动效果,比如在我的收藏页面,我的历史浏览记录页面,我的购物车页面,大多数都会用到这种效果,我把代码复制出来,供大家参考,用的时候直接用模板,再此基础上修改就行。
wxml中的代码:
<view class="touch-item {
{item.isTouchMove ? 'touch-move-active' : ''}}" data-index=" {
{index}}" bindtouchstart="touchstart" bindtouchmove="touchmove" wx:for="{
{items}}" wx:key="">
<view class="content">
<view class='com'>
<view class='tp'>
<image src="{
{item.image_src}}" class='img' />
</view>
<view class='txt'>
<view class='tit'>{
{item.goods_name}}</view>
<view class='bot'>
<block wx:if="{
{item.marketable==