🦄 refactor:订单列表对接100%

src/components/shoppingCart/index.module.scss

@@ -116,11 +116,21 @@
             }
         }
 
-        .kongOne {
-            height: 100px;
-        }
+
     }
 
+    .kongOne {
+        height: 200px;
+    }
+
+    .loading_more {
+        height: 300px;
+        padding-bottom: 200px;
+        display: flex;
+        align-items: center;
+        width: 100%;
+        justify-content: center;
+    }
 
     .posBox {
         width: 100%;

src/components/shoppingCart/index.tsx

@@ -7,6 +7,7 @@ import Popup from '@/components/popup'
 import Goods from "@/components/goodsItem"
 import BottomCustomer from "@/components/BottomCustomer"
 import VirtualList from '@tarojs/components/virtual-list'
+import DotLoading from "@/components/dotLoading"
 
 interface prosObj {
     showPopup?: false | true,
@@ -125,21 +126,30 @@ export default memo(forwardRef((props: prosObj, ref) => {
                 <View className={styles.searchBox}>
                     <Search placeholder='请输入搜索布料' showBtn={false} changeOnSearch={getSearchData} debounceTime={300} />
                 </View>
-                <View className={styles.scrollviewBig}>
-                    <VirtualList
-                        className={styles.scrollview}
-                        height={300} /* 列表的高度 */
-                        width='100%' /* 列表的宽度 */
-                        itemData={goodList} /* 渲染列表的数据 */
-                        itemCount={goodList.length + 0} /*  渲染列表的长度 */
-                        itemSize={100} /* 列表单项的高度  */
-                        overscanCount={1}>
-                        {rows}
-                    </VirtualList>
-                    <View className={styles.kongOne}></View>
-                </View>
+                {
+                    goodList.length > 0 && <>
+                        <View className={styles.scrollviewBig}>
+                            <VirtualList
+                                className={styles.scrollview}
+                                height={300} /* 列表的高度 */
+                                width='100%' /* 列表的宽度 */
+                                itemData={goodList} /* 渲染列表的数据 */
+                                itemCount={goodList.length + 0} /*  渲染列表的长度 */
+                                itemSize={100} /* 列表单项的高度  */
+                                overscanCount={1}>
+                                {rows}
+                            </VirtualList>
 
+                        </View>
 
+                        <View className={styles.kongOne}></View>
+                    </>
+                }
+                {
+                    goodList.length === 0 && <>
+                        <View className={styles.loading_more}>加载中<DotLoading /></View>
+                    </>
+                }
                 <View className={styles.posBox}>
                     <BottomCustomer clientName={clientName} clientId={clientId} isDisabled={selectTotal > 0 && clientName !== '' ? false : true} handSure={() => { handSure() }}></BottomCustomer>
                 </View>