Taro框架---仿微信左滑动删除

最新推荐文章于 2024-01-25 14:00:12 发布

一下子就醒了

最新推荐文章于 2024-01-25 14:00:12 发布

阅读量1.4k

点赞数 2

分类专栏： Taro 文章标签： taro 左滑动删除

本文链接：https://blog.csdn.net/weixin_42442713/article/details/115373688

版权

1、index.js

import React, { Component } from 'react'
import { ScrollView , View} from '@tarojs/components'
import Taro from '@tarojs/taro'
import './index.less'

export default class Index extends Component {
  state = {
    animation: '',
    startX: 0, // 开始坐标
    startY: 0,
  }

  componentDidMount() {
    // 页面渲染完成
    // 实例化一个动画
    const animation = Taro.createAnimation({
      duration: 400,
      timingFunction: 'linear',
      delay: 100,
      transformOrigin: 'left top 0',
      success: function (res) {
        console.log(res)
      },
    })

    this.setState({
      animation: animation,
    })
  }

  // 滑动开始
  touchstart(e) {
    this.setState({
      startX: e.changedTouches[0].clientX,
      startY: e.changedTouches[0].clientY,
    })
  }

  // 滑动事件处理 _index当前索引
  touchmove(e) {
    const that = this

    const startX = that.state.startX // 开始X坐标
    const startY = t