电子商城测试版v3

src/pages/details/index.tsx

@@ -7,7 +7,7 @@ import OrderCount from './components/orderCount';
 import ShopCart from '@/components/shopCart';
 import Preview,{colorItem} from './components/preview';
 import styles  from './index.module.scss'
-import { useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import {formatHashTag, formatImgUrl} from '@/common/fotmat'
 import {GetProductDetailApi} from '@/api/material'
 import useLogin from '@/use/useLogin';
@@ -16,6 +16,8 @@ import { SHARE_SCENE } from '@/common/enum';
 import useUserInfo from '@/use/useUserInfo';
 import LabAndImg from '@/components/LabAndImg';
 import { alert } from '@/common/common';
+import AddCollection from '@/components/addCollection';
+import { AddFavoriteApi } from '@/api/favorite';
 
 type item = {title:string, img:string, url:string, id:number}
 
@@ -100,11 +102,7 @@ export default (props:Params) => {
   const [collectStatus, setCollectStatus] = useState(false)
   const changeCollect = () => {
     setCollectStatus(!collectStatus)
-    Taro.showToast({
-      title: '收藏成功',
-      icon: 'success',
-      duration: 2000
-    })
+    setCollectionShow(true)
   }
 
   const {setSortCode, userInfo : userObj } = useUserInfo()
@@ -134,6 +132,19 @@ export default (props:Params) => {
     setShowOrderCount(true)
   }
 
+  //加入收藏夹
+  const [collectionShow, setCollectionShow] = useState(false)
+  const {fetchData: addFavoritefetchData} = AddFavoriteApi()
+  const onAdd =  useCallback(async (val) => {
+    let res = await addFavoritefetchData({favorite_id: val.id, product_id: Number(params.id)})
+    if(res.success) {
+      alert.success('添加成功')
+    } else {
+      alert.none(res.msg)
+    }
+    setCollectionShow(false)
+  }, [params])
+
   
   //页面下拉刷新
   usePullDownRefresh(() => {
@@ -202,6 +213,7 @@ export default (props:Params) => {
       </CustomWrapper>
       <ShopCart show={showCart}  onClose={() => setShowCart(false)}/>
       <Preview value={colorInfo} show={showPreview} onClose={() => setShowPreview(false)}/>
+      <AddCollection show={collectionShow} onAdd={onAdd}/>
       <View className='common_safe_area_y'></View>
     </View>
   )