🐞 fix(#1000663#15#21): 修复提货列表|提货详情模块的样式问题

src/components/SegmentedControl/index.module.scss

@@ -3,7 +3,7 @@
   flex-flow: row nowrap;
   background-color: #fff;
   font-size: $font_size;
-  color: #000;
+  color: #5c5c5c;
   // margin-top: 20px;
   .status_item {
     padding: 20px;

src/components/SegmentedControl/index.tsx

@@ -52,7 +52,6 @@ const segmentedControl: FC<PropsType> = (props) => {
       <ScrollView scrollX scrollIntoView={`tabs_${selectInfo.tabId}`} scrollWithAnimation={true}>
         <View className={styles.list_scroll}>
           {list.map((item, index) => {
-            console.log('selected=+>', selectInfo.selected)
             return (
               <View
                 key={item.id}

src/components/empty/index.module.scss

@@ -0,0 +1,21 @@
+.mainBox {
+    height: calc(100vh - 200px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+
+    .pic {
+        width: 522px;
+        height: 322px; 
+        background: #fff;
+        // opacity: 0.3;
+        margin-bottom: 24px;
+    }
+
+    .text {
+        font-size: 26px;
+        color: $color_font_two;
+        font-weight: 400;
+    }
+}

src/components/empty/index.tsx

@@ -0,0 +1,22 @@
+import { View, Image } from '@tarojs/components'
+import React, { useCallback, memo, useEffect, useMemo, useRef, useState } from 'react'
+import styles from "../empty/index.module.scss"
+
+interface PropsObj {
+    picUrl?: string,
+    text?: string
+}
+
+export default memo((pros: PropsObj) => {
+    const {
+        picUrl = '',
+        text = '无搜索历史'
+    } = pros
+    
+    return (
+        <View className={styles.mainBox}>
+            <Image className={styles.pic} mode='aspectFill' lazyLoad src={picUrl}></Image>
+            <View className={styles.fonst}>{text}</View>
+        </View>
+    )
+})

src/components/infiniteScroll/index.tsx

@@ -3,8 +3,8 @@ import React, { memo, ReactNode, useMemo, useState } from 'react'
 import style from './index.module.scss'
 import DotLoading from '@/components/dotLoading'
 import LoadingCard from '../loadingCard'
-import { useCustomTabItemTap } from '@/use/useCommon'
-import Taro from '@tarojs/taro'
+import Empty from '@/components/empty'
+import { EMPTY_IMAGE, SEARCH_EMPTY_IMAGE } from '@/common/constant'
 
 export type StatusParam = 0 | 1 | 2 | 3
 
@@ -27,6 +27,7 @@ type Params = {
   refresherTriggered?: boolean
   refresherEnabled?: boolean
   enableBackToTop?: boolean
+  emptySlot?: React.ReactNode
 }
 export default memo(
   ({
@@ -48,6 +49,7 @@ export default memo(
     moreStatus = true,
     statusMore = 0,
     enableBackToTop = true,
+    emptySlot
   }: Params) => {
     const scrollToLower = () => {
       selfonScrollToLower?.()
@@ -105,7 +107,7 @@ export default memo(
                 </View>
               )}
               {statusMore == 0 && <LoadingCard />}
-              {statusMore == 1 && <LoadingCard loadingIcon={false} title='暂无数据' />}
+              {statusMore == 1 && emptySlot ? emptySlot : <Empty picUrl={SEARCH_EMPTY_IMAGE} text='暂无数据'/>}
             </>
           )
         }

src/components/loadingCard/index.tsx

@@ -2,6 +2,7 @@ import { View, Image } from '@tarojs/components'
 import Loading from '@/components/loading'
 import style from './index.module.scss'
 import { memo } from 'react'
+import Empty from '@/components/empty'
 
 type Params = {
   title?: string