页面

src/components/loadingCard/index.module.scss

@@ -0,0 +1,13 @@
+
+.loadingCard_main{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    .loading_text{
+        font-size: 26px;
+        margin-top: 20px;
+        color: $color_font_two;
+    }
+}

src/components/loadingCard/index.tsx

@@ -0,0 +1,23 @@
+import { View } from "@tarojs/components"
+import Loading from "@/components/loading"
+import style from "./index.module.scss"
+import { memo } from "react";
+
+type Params = {
+    styleLoading?: Object,
+    title?: string
+}
+export default memo(({
+    styleLoading = {},
+    title = "加载中..."
+}:Params) => {
+    console.log('loadingCard:::')
+    return (
+        <>
+            <View className={style.loadingCard_main}>
+                <Loading/>
+                <View className={style.loading_text}>{title}</View>
+            </View>
+        </>
+    )
+})