fix(pulltorefresh): 真机体验优化

src/packages/loading/demos/taro/demo1.tsx

@@ -25,7 +25,7 @@ const Demo1 = () => {
           type="lottie"
           jsonData={data}
           lottieProps={{
-            autoplay: false,
+            autoPlay: false,
             loop: false,
             style: { width: 56, height: 56 },
           }}

src/packages/lottie/mp.taro.tsx

@@ -1,11 +1,11 @@
 import React, { useImperativeHandle, useRef } from 'react'
 import {
   createSelectorQuery,
+  getEnv,
   getSystemInfoSync,
   useReady,
   useUnload,
 } from '@tarojs/taro'
-import { Canvas } from '@tarojs/components'
 import lottie from 'lottie-miniprogram'
 import useUuid from '@/utils/use-uuid'
 import { LottieProps } from './types'
@@ -82,7 +82,28 @@ export const Lottie = React.forwardRef((props: LottieProps, ref: any) => {
       animation.current.removeEventListener('complete', onComplete)
     animation.current && animation.current.destroy()
   })
-  return <Canvas id={id} canvas-id={id} type="2d" style={style} />
+
+  return getEnv() === 'WEAPP' || getEnv() === 'JD' ? (
+    <canvas
+      id={id}
+      // @ts-ignore
+      // eslint-disable-next-line react/no-unknown-property
+      canvasId={id}
+      // eslint-disable-next-line react/no-unknown-property
+      disalbeScroll
+      type="2d"
+      style={style}
+    />
+  ) : (
+    <canvas
+      id={id}
+      // eslint-disable-next-line react/no-unknown-property
+      canvas-id={id}
+      // eslint-disable-next-line react/no-unknown-property
+      disalbe-scroll
+      style={style}
+    />
+  )
 })
 
 Lottie.displayName = 'NutLottie'

src/packages/pulltorefresh/pulltorefresh.taro.tsx

@@ -176,6 +176,7 @@ export const PullToRefresh: FunctionComponent<Partial<PullToRefreshProps>> = (
     <View
       className={classes}
       style={props.style}
+      catchMove
       onTouchStart={handleTouchStart}
       onTouchMove={handleTouchMove}
       onTouchEnd={handleTouchEnd}