From b978dd5bb778023e30ff246b29df52ba5bf759f6 Mon Sep 17 00:00:00 2001
From: laptoy <laptoru458@163.com>
Date: Fri, 12 Jul 2024 21:47:27 +0800
Subject: [PATCH 1/2] hot

---
 src/jjt/Search.jsx       | 4 ++--
 src/jjt/scss/Search.scss | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/jjt/Search.jsx b/src/jjt/Search.jsx
index d828445..bf082d1 100644
--- a/src/jjt/Search.jsx
+++ b/src/jjt/Search.jsx
@@ -98,7 +98,7 @@ export default function Searchs() {
         </>
         <div className="searchhistory">
           <p>搜索历史</p>
-          <div className="hot">
+          <div className="hotjjt">
             {searhistory.map((item,index) => (
               <div key={index} onClick={()=>{
                 setValue(item.name);
@@ -109,7 +109,7 @@ export default function Searchs() {
         </div>
         <div className="searchhot">
           <p>热门搜索</p>
-          <div className="hot">
+          <div className="hotjjt">
             {hotsearchs.map((item, index) => (
               <div
                 key={index}
diff --git a/src/jjt/scss/Search.scss b/src/jjt/scss/Search.scss
index d5448b3..b1f10a5 100644
--- a/src/jjt/scss/Search.scss
+++ b/src/jjt/scss/Search.scss
@@ -24,8 +24,9 @@ $designHeight: 667;
         font-size: 14px;
         font-weight: 600;
       }
-      .hot {
+      .hotjjt {
         display: flex;
+        // background: red;
         div {
           border-radius: 5px;
           background: #e3e3e5;
@@ -48,8 +49,10 @@ $designHeight: 667;
         font-size: 14px;
         font-weight: 600;
       }
-      .hot {
+      .hotjjt {
         display: flex;
+        // background: red;
+        // height: vh(30);
         div {
           border-radius: 5px;
           background: #e3e3e5;
-- 
Gitee


From aa704adff918956895e0312cf6a8ee1da94d4c99 Mon Sep 17 00:00:00 2001
From: laptoy <laptoru458@163.com>
Date: Sat, 13 Jul 2024 08:54:14 +0800
Subject: [PATCH 2/2] jjt4.0

---
 src/components/Shopcar.jsx      |  2 +-
 src/jjt/Classfy.jsx             | 24 ++++++++++++++++++++----
 src/jjt/Home.jsx                | 27 ++++++++++++++++++++++-----
 src/jjt/Search.jsx              | 22 +++++++++++++++++++---
 src/jjt/untils/BottomFouter.jsx |  4 +++-
 5 files changed, 65 insertions(+), 14 deletions(-)

diff --git a/src/components/Shopcar.jsx b/src/components/Shopcar.jsx
index 372710a..4aeadc0 100644
--- a/src/components/Shopcar.jsx
+++ b/src/components/Shopcar.jsx
@@ -62,7 +62,7 @@ export default function Shopcar() {
                   <p>{item.name}</p>
                   <p><Label />{item.pinxiang}</p>
                   <p><Location />{item.location}&emsp;支持自提</p>
-                  <p style={{ color: 'tomato' }}>￥{item.price*item.discount}&emsp;&emsp;<span style={{textDecoration:'line-through',color:'black'}}>￥{item.price}</span>&emsp;&emsp;<span style={{fontSize:'13px',color:'black'}}>xxx人想要</span></p>
+                  <p style={{ color: 'tomato' }}>￥{item.price*(item.discount/10)}&emsp;&emsp;<span style={{textDecoration:'line-through',color:'black'}}>￥{item.price}</span>&emsp;&emsp;<span style={{fontSize:'13px',color:'black'}}>xxx人想要</span></p>
                 </div>
               </div>
             </div>
diff --git a/src/jjt/Classfy.jsx b/src/jjt/Classfy.jsx
index 955c646..9dd4ff6 100644
--- a/src/jjt/Classfy.jsx
+++ b/src/jjt/Classfy.jsx
@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { NavBar } from "react-vant"; //导航栏
 import { useNavigate } from "react-router-dom";
-import { Search } from "react-vant"; //搜索
+import { Search,Toast } from "react-vant"; //搜索
 import "./scss/Classfy.scss";
 import axios from "./untils/Axios";
 import { InfiniteScroll } from "antd-mobile";
@@ -60,6 +60,22 @@ export default function Classfy() {
     setBookData(copy)
     setTypeTwoId("")
   }
+    //加入购物车
+    let tocar = async(item) => {
+      console.log(item,555555555)
+      let {data} =  await axios.post("/jjt/caradd", item);
+      console.log(data,6666)
+      if(data.code===200){
+        Toast({
+          message: '加入购物车成功',
+          // icon: <FireO />,
+        })
+      }else{
+        Toast({
+          message: '加入购物车失败',
+        })
+      }
+    }
   //接受分类路由参数
   useEffect(() => {
     getdata();
@@ -184,8 +200,8 @@ export default function Classfy() {
             )}
             <div>
               {bookData.map((item) => (
-                <div key={item._id} className="classfycon3" onClick={()=>{nav(`/detail?id=${item._id}`)}}>
-                  <div className="classfycon3left">
+                <div key={item._id} className="classfycon3" >
+                  <div className="classfycon3left" onClick={()=>{nav(`/detail?id=${item._id}`)}}>
                     <img src={item.image} alt=""></img>
                   </div>
                   <div className="classfycon3right">
@@ -195,7 +211,7 @@ export default function Classfy() {
                     <div>
                       <span className="span1">￥{item.price}</span>
                       <span className="span2">
-                      <ShoppingCartO  />
+                      <ShoppingCartO onClick={()=>{tocar(item)}}  />
                       </span>
                     </div>
                   </div>
diff --git a/src/jjt/Home.jsx b/src/jjt/Home.jsx
index 6cee358..2562d24 100644
--- a/src/jjt/Home.jsx
+++ b/src/jjt/Home.jsx
@@ -2,6 +2,7 @@ import React, { useState, useEffect } from "react";
 import "./scss/Home.scss";
 import { Search } from "react-vant";
 import { Badge } from "react-vant";
+import { Toast } from 'react-vant';
 import { ChatO } from "@react-vant/icons";
 import { Swiper } from "react-vant";
 import IconFont from "../jjt/untils/Icon"; //icon图标
@@ -30,7 +31,7 @@ export default function Home() {
   };
   const hotsearch = ["Vue", "Python", "React", "布局"]; //热搜
   const [value, setValue] = useState(""); //热搜
-  let Toast = (i) => {
+  let Toast2 = (i) => {
     // console.log(i);
     setValue(hotsearch[i]);
   };
@@ -65,6 +66,22 @@ export default function Home() {
     console.log(item._id, 2223);
     nav("/jjtclassfy", { state: { _id: item._id } });
   };
+  //加入购物车
+  let tocar = async(item) => {
+    console.log(item,555555555)
+    let {data} =  await axios.post("/jjt/caradd", item);
+    console.log(data,6666)
+    if(data.code===200){
+      Toast({
+        message: '加入购物车成功',
+        // icon: <FireO />,
+      })
+    }else{
+      Toast({
+        message: '加入购物车失败',
+      })
+    }
+  }
   useEffect(() => {
     getdata();
   }, []);
@@ -191,8 +208,8 @@ export default function Home() {
                       .filter((ele) => ele.typeTwoId._id == item._id)
                       .slice(0, 2)
                       .map((i) => (
-                        <div key={i._id} className="home5con3" onClick={()=>{nav(`/detail?id=${i._id}`)}}>
-                          <div className="home5con3left">
+                        <div key={i._id} className="home5con3" >
+                          <div className="home5con3left" onClick={()=>{nav(`/detail?id=${i._id}`)}}>
                             <img src={i.image} alt=""></img>
                           </div>
                           <div className="home5con3right">
@@ -206,7 +223,7 @@ export default function Home() {
                                 ￥{(i.price * i.discount) / 10}
                               </span>
                               <span className="span2">￥{i.price}</span>
-                              <span className="span3"><ShoppingCartO  /></span>
+                              <span className="span3"><ShoppingCartO onClick={()=>{tocar(i)}}  /></span>
                             </div>
                           </div>
                         </div>
@@ -270,7 +287,7 @@ export default function Home() {
       <Swiper
         style={{ width: "100%", height: "0px", textAlign: "center" }}
         autoplay={3000}
-        onChange={(i) => Toast(i)}
+        onChange={(i) => Toast2(i)}
       >
         {hotsearch.map((image) => (
           <Swiper.Item
diff --git a/src/jjt/Search.jsx b/src/jjt/Search.jsx
index bf082d1..f0c5c8c 100644
--- a/src/jjt/Search.jsx
+++ b/src/jjt/Search.jsx
@@ -60,6 +60,22 @@ export default function Searchs() {
     }
     // getdata()
   };
+    //加入购物车
+    let tocar = async(item) => {
+      console.log(item,555555555)
+      let {data} =  await axios.post("/jjt/caradd", item);
+      console.log(data,6666)
+      if(data.code===200){
+        Toast({
+          message: '加入购物车成功',
+          // icon: <FireO />,
+        })
+      }else{
+        Toast({
+          message: '加入购物车失败',
+        })
+      }
+    }
   useEffect(() => {
     getdata();
     mapsea()
@@ -129,8 +145,8 @@ export default function Searchs() {
         <div className="searchbox3">
           <p className="p">精选课程</p>
           {bookData.slice(0,9).map((item) => (
-            <div className="searchdiv3" key={item._id} onClick={()=>{nav(`/detail?id=${item._id}`)}}>
-              <div className="sealeft">
+            <div className="searchdiv3" key={item._id} >
+              <div className="sealeft" onClick={()=>{nav(`/detail?id=${item._id}`)}}>
                 <img src={item.image} alt="" />
               </div>
               <div className="searight">
@@ -147,7 +163,7 @@ export default function Searchs() {
                   }}
                 >
                   <p style={{ color: "red" }}>￥{item.price}</p>
-                  <p className="carjjt"><ShoppingCartO  /></p>
+                  <p className="carjjt"><ShoppingCartO onClick={()=>{tocar(item)}}  /></p>
                 </div>
               </div>
             </div>
diff --git a/src/jjt/untils/BottomFouter.jsx b/src/jjt/untils/BottomFouter.jsx
index b9f147b..a11ba5c 100644
--- a/src/jjt/untils/BottomFouter.jsx
+++ b/src/jjt/untils/BottomFouter.jsx
@@ -1,13 +1,15 @@
 import React from 'react'
 import { Tabbar } from 'react-vant';
 import { ShoppingCartO  , HomeO, CouponO  , ManagerO   } from '@react-vant/icons'
+import { useNavigate } from 'react-router-dom';
 export default function BottomFouter() {
+  let nav = useNavigate()
   return (
     <div>
         <Tabbar>
         <Tabbar.Item icon={<HomeO />}>主页</Tabbar.Item>
         <Tabbar.Item icon={<CouponO />}>卖书</Tabbar.Item>
-        <Tabbar.Item icon={<ShoppingCartO />}>购物车</Tabbar.Item>
+        <Tabbar.Item icon={<ShoppingCartO />} onClick={()=>(nav('/shopcar'))}>购物车</Tabbar.Item>
         <Tabbar.Item icon={<ManagerO />}>我的</Tabbar.Item>
       </Tabbar>
     </div>
-- 
Gitee