优化商城

src/pages/details/components/orderCount/index.tsx

@@ -17,6 +17,7 @@ import { formatHashTag, formatPriceDiv } from "@/common/fotmat";
 import { debounce, getFilterData } from "@/common/util";
 import LabAndImg from "@/components/LabAndImg";
 import VirtualList from '@tarojs/components/virtual-list'
+import useCommonData from "@/use/useCommonData";
 
 
 
@@ -139,6 +140,7 @@ export default memo(({show = false, onClose, title = '', productId = 0}: param)
     }
 
     //添加购物车
+    const {getShopCount} = useCommonData()
     const {getSelfUserInfo} = UseLogin()
     const {fetchData:addFetchData} = AddShoppingCartApi()
     const addShopCart =  async () => {
@@ -167,6 +169,7 @@ export default memo(({show = false, onClose, title = '', productId = 0}: param)
             Taro.showToast({
                 title:'添加成功'
             })
+            getShopCount()
             onClose?.()
         } else {
             Taro.showToast({

src/pages/details/index.tsx

@@ -1,17 +1,17 @@
 
-import { Button, CustomWrapper, Image, RichText, Text, View } from '@tarojs/components'
-import Taro, { useDidShow, usePullDownRefresh, useRouter, useShareAppMessage } from '@tarojs/taro';
+import { Button, CustomWrapper, RichText, Text, View } from '@tarojs/components'
+import Taro, { useDidShow, usePullDownRefresh, useRouter } from '@tarojs/taro';
 import classnames from "classnames";
 import DesSwiper from './components/swiper';
 import OrderCount from './components/orderCount';
 import ShopCart from '@/components/shopCart';
 import Preview,{colorItem} from './components/preview';
 import styles  from './index.module.scss'
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import {formatHashTag, formatImgUrl} from '@/common/fotmat'
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import {formatHashTag} from '@/common/fotmat'
 import {GetProductDetailApi} from '@/api/material'
 import useLogin from '@/use/useLogin';
-import { AnalysisShortCodeApi, BindShortCodeApi, GetShortCodeApi } from '@/api/share';
+import { AnalysisShortCodeApi, GetShortCodeApi } from '@/api/share';
 import { SHARE_SCENE } from '@/common/enum';
 import useUserInfo from '@/use/useUserInfo';
 import LabAndImg from '@/components/LabAndImg';
@@ -19,6 +19,8 @@ import { alert } from '@/common/common';
 import AddCollection from '@/components/addCollection';
 import { AddFavoriteApi, DelFavoriteProductApi } from '@/api/favorite';
 import { GetShoppingCartApi } from '@/api/shopCart';
+import { useSelector } from '@/reducers/hooks';
+import useCommonData from '@/use/useCommonData';
 
 type item = {title:string, img:string, url:string, id:number}
 
@@ -50,10 +52,13 @@ export default (props:Params) => {
     setParams({id: res.data.product_id, share: res.data})
   }
 
+  //获取购物车数据数量
+  const {getShopCount, commonData} = useCommonData()
+
   useDidShow(() => {
     judgeParam()
     setShowCart(false)
-    getShoppingCart()
+    getShopCount()
   })
 
   useEffect(() => {
@@ -170,14 +175,8 @@ export default (props:Params) => {
     }
   }
 
-  //获取购物车数据数量
-  const [shopCount, setShopCount] = useState<number>(0)
-  const {fetchData: fetchDataShopCount} = GetShoppingCartApi()
-  const getShoppingCart = async () => {
-      const {data} = await fetchDataShopCount()
-      let color_list = data.color_list||[]
-      setShopCount(color_list.length)
-  }
+  
+  
 
 
   //页面下拉刷新
@@ -233,7 +232,7 @@ export default (props:Params) => {
         <View className={styles.buy_cart}  onClick={() => setShowCart(true)}>
           <View className={classnames('iconfont icon-gouwuche', styles.miconfont)}></View>
           <View className={styles.text}>购物车</View>
-          {(shopCount > 0)&&<View className={styles.product_num}>{shopCount > 99?'99+':shopCount}</View>}
+          {(commonData.shopCount > 0)&&<View className={styles.product_num}>{commonData.shopCount > 99?'99+':commonData.shopCount}</View>}
         </View>
         {
             (!userInfo.adminUserInfo?.is_authorize_phone)&&<View className={styles.buy_btn} >