商品图片展示修正

pages/mall/detail/[id].page.tsx

@@ -26,6 +26,7 @@ export default function MallDetail() {
     null
   ); //详情数据
   const [intentionModalOpen, setIntentionModalOpen] = useState(false); //意向弹窗
+  const [productImg, setProductImg] = useState('');   //展示的商品图
 
   //打开意向modal
   const openIntentionModal = () => {
@@ -57,6 +58,7 @@ export default function MallDetail() {
         })
         .then((res) => {
           setDetail(res.result || null);
+          setProductImg(res.result?.images?.[0]?.imgUrl || "");
         });
     }
   }, [id]);
@@ -90,7 +92,7 @@ export default function MallDetail() {
               preview={{ visible: false }}
               width={300}
               height={300}
-              src={detail?.images && detail.images[0].imgUrl}
+              src={productImg}
               onClick={() => setVisible(true)}
               fallback={errImg}
               style={{
@@ -113,6 +115,8 @@ export default function MallDetail() {
                       height={50}
                       src={item.imgUrl}
                       fallback={errImg}
+                      style={{ cursor: "pointer" }}
+                      onClick={() => setProductImg(item.imgUrl)}
                     />
                   </SwiperSlide>
                 );