fix(infinite): loadingText未居中 (#2683)

* fix(infite): loadingText不居中 * chore: save * chore: save
jdf2e · Nov 1, 2024 · 5d3a187 · 5d3a187
1 parent 5393ec6
commit 5d3a187
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 13 deletions.
diff --git a/src/packages/infiniteloading/demo.taro.tsx b/src/packages/infiniteloading/demo.taro.tsx
@@ -40,7 +40,10 @@ const InfiniteLoadingDemo = () => {
   return (
     <>
       <Header />
-      <ScrollView className={`demo ${Taro.getEnv() === 'WEB' ? 'web' : ''}`}>
+      <ScrollView
+        className={`demo ${Taro.getEnv() === 'WEB' ? 'web' : ''}`}
+        showScrollbar={false}
+      >
         <View className="h2">{translated['84aa6bce']}</View>
         <Demo1 />
         <View className="h2">{translated.eb4236fe}</View>

diff --git a/src/packages/infiniteloading/infiniteloading.taro.tsx b/src/packages/infiniteloading/infiniteloading.taro.tsx
@@ -73,7 +73,7 @@ export const InfiniteLoading: FunctionComponent<
   const y = useRef(0)
   const refreshMaxH = useRef(0)
   const distance = useRef(0)
-  const classPrefix = 'nut-infinite'
+
   const classes = classNames(classPrefix, className, `${classPrefix}-${type}`)
 
   useEffect(() => {
@@ -189,20 +189,14 @@ export const InfiniteLoading: FunctionComponent<
       onTouchMove={touchMove}
       onTouchEnd={touchEnd}
     >
-      <View
-        className={`${classPrefix}-top`}
-        ref={refreshTop}
-        style={getStyle()}
-      >
-        <View className={`${classPrefix}-top-tips`}>
+      <View className="nut-infinite-top" ref={refreshTop} style={getStyle()}>
+        <View className="nut-infinite-top-tips">
           {pullingText || locale.infiniteloading.pullRefreshText}
         </View>
       </View>
-      <View className={`${classPrefix}-container`}>{children}</View>
-      <View className={`${classPrefix}-bottom`}>
-        <View className={`${classPrefix}-bottom-tips`}>
-          {getBottomTipsText()}
-        </View>
+      <View className="nut-infinite-container">{children}</View>
+      <View className="nut-infinite-bottom">
+        <View className="nut-infinite-bottom-tips">{getBottomTipsText()}</View>
       </View>
     </ScrollView>
   )