diff --git a/src/components/ListCardSkeleton/index.scss b/src/components/ListCardSkeleton/index.scss index e642055..58b8842 100644 --- a/src/components/ListCardSkeleton/index.scss +++ b/src/components/ListCardSkeleton/index.scss @@ -47,7 +47,7 @@ } .location-position { - max-width: 66%; + max-width: 58%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; diff --git a/src/container/listContainer/index.tsx b/src/container/listContainer/index.tsx index 21dbe7b..ffd3833 100644 --- a/src/container/listContainer/index.tsx +++ b/src/container/listContainer/index.tsx @@ -4,6 +4,7 @@ import ListLoadError from "@/components/ListLoadError"; import ListCardSkeleton from "@/components/ListCardSkeleton"; import { useReachBottom } from "@tarojs/taro"; import "./index.scss"; +import { useRef, useEffect } from "react"; const ListContainer = (props) => { const { @@ -14,12 +15,23 @@ const ListContainer = (props) => { // recommendList, loadMoreMatches, } = props; + const timerRef = useRef(null); useReachBottom(() => { // 加载更多方法 - loadMoreMatches(); + timerRef.current = setTimeout(() => { + loadMoreMatches(); + }, 500); }); + useEffect(() => { + return () => { + if (timerRef.current) { + clearTimeout(timerRef.current); + } + }; + }, []); + if (error) { return ; }