功能：店铺推荐商品问题修复

src/pages/store/product/comp/_storeProductRecommend.tsx

 import React, { useEffect, useState } from 'react';
 import { Carousel } from 'antd';
+import { useRouter } from 'next/router';
 import styled from 'styled-components';
 import { InterDataType } from '@/api/interface';
 import { QueryBrandGoodsType } from '@/api/interface/mall';
@@ -10,6 +11,8 @@ type GoodsListType = InterDataType<QueryBrandGoodsType>;
 const StoreProductRecommendView: React.FC<{
   goodsInfoList: GoodsListType;
 }> = ({ goodsInfoList }) => {
+  // 路由钩子
+  const router = useRouter();
   // 推荐商品列表
   const [recommendList, setRecommendList] = useState<GoodsListType[0][][]>();
   // 获取最低价格
@@ -20,6 +23,10 @@ const StoreProductRecommendView: React.FC<{
       ).salePrice || 0;
     return price.toLocaleString();
   };
+  // 跳转商品详情
+  const handleDetail = (detail: GoodsListType[0]) => {
+    router.push(`/mall/product/${detail?.id}`).then();
+  };
   // 组件挂载
   useEffect(() => {
     if (!goodsInfoList?.length) return;
@@ -34,11 +41,15 @@ const StoreProductRecommendView: React.FC<{
     <StoreProductRecommendWrap className="flex-start">
       <div className="recommend-title">店铺推荐</div>
       <div className="recommend-swiper">
-        <Carousel autoplay={false} autoplaySpeed={8000}>
+        <Carousel autoplay={true} autoplaySpeed={8000}>
           {recommendList?.map((i, j) => (
             <div className="swiper-item flex-between" key={j}>
               {i?.map((n, m) => (
-                <div className="item-goods" key={m}>
+                <div
+                  className="item-goods"
+                  key={m}
+                  onClick={() => handleDetail(n)}
+                >
                   <img
                     className="image"
                     src={`${n?.resourcesList?.[0]?.url}?x-oss-process=image/quality,q_20`}