改造微信小程序Swiper组件，自定义切换动画

最新推荐文章于 2025-04-25 20:16:00 发布

一下子就醒了

最新推荐文章于 2025-04-25 20:16:00 发布

阅读量744

点赞数 2

分类专栏： Taro 文章标签：前端 javascript react.js

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

版权

index.tsx

import { FC, memo, PropsWithChildren, useEffect, useState, useRef, useMemo } from 'react'
import { Swiper as BaseSwiper, SwiperItem, View } from '@tarojs/components'
import { Button } from '@wmeimob/taro-design'
import classNames from 'classnames'
import styles from './index.module.less'
import Taro from '@tarojs/taro'
import { Flex } from '~/components'
import { vibrateShort } from '~/utils/util'
import { SwiperProps } from './const'
// import { getBarHeight } from '~/pages/service/util'

/**
 * Swiper
 * @param props
 * @returns
 */
const Component: FC<PropsWithChildren<SwiperProps>> = ({ current, modes, isDot, onMode, children }) => {
  const [currentIndex, setCurrentIndex] = useState(current ?? 0)
  // const [dx, setDx] = useState(0)
  const currentRef = useRef<number>(0)

  useEffect(()