diff --git a/src/components/Shopcar.jsx b/src/components/Shopcar.jsx
index 372710ae8d3f20c4076e8aa5165a09fae61663e4..4aeadc097f067ff5c0d94d428b1b30d2e6be0315 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 955c6464c174e8f747851561dc8f2e86615ac4a9..9dd4ff6b19b3473406f7342f1c51723fa5314a9a 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 6cee358ebe09d61df0f11bc5467a18f6261cf228..2562d2464517f7e76ad6a524d121298066cc2f9d 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 d82844509839211e1013b9a9ba8a62ffc8348121..f0c5c8c0920306e8712cf9a4b9454b26692fa0ec 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()
@@ -98,7 +114,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 +125,7 @@ export default function Searchs() {
         </div>
         <div className="searchhot">
           <p>热门搜索</p>
-          <div className="hot">
+          <div className="hotjjt">
             {hotsearchs.map((item, index) => (
               <div
                 key={index}
@@ -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/scss/Search.scss b/src/jjt/scss/Search.scss
index d5448b393082e04ec024a9c5c647bcf1469d8151..b1f10a5574a54de31c20e0a6545e12ec1b32e599 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;
diff --git a/src/jjt/untils/BottomFouter.jsx b/src/jjt/untils/BottomFouter.jsx
index b9f147bffb42c69f91ba8cc3f54ae8098bafedfc..a11ba5c3d1712c5d8e3d50fd28f56d2684ff2f45 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>