diff --git a/src/request/api.js b/src/request/api.js
index 74cd3b0..df45bd7 100644
--- a/src/request/api.js
+++ b/src/request/api.js
@@ -24,3 +24,6 @@ export const reqGetUserInfo = () => request.get("/shop/userProfiles");
 
 //商品详情
 export const reqGetDetail = (id) => request.get(`/products/${id}`);
+
+//加入购物车
+export const reqAddCart = (params) => request.post("/shop/carts/add", qs.stringify( params ));
diff --git a/src/views/Details.vue b/src/views/Details.vue
index 6230c61..e6c0eac 100644
--- a/src/views/Details.vue
+++ b/src/views/Details.vue
@@ -67,7 +67,9 @@
 							</div>
 						</div>
 						<div class="btns">
-							<div class="addToCart">加入购物车</div>
+							<div class="addToCart" @click="addToCart">
+								加入购物车
+							</div>
 							<div class="buyNow">立即购买</div>
 						</div>
 					</div>
@@ -144,7 +146,7 @@
 
 <script>
 import Crumb from "@/components/Crumb";
-import { reqGetDetail } from "@/request/api";
+import { reqAddCart, reqGetDetail } from "@/request/api";
 export default {
 	components: { Crumb },
 	// watch     : {
@@ -216,6 +218,24 @@ export default {
 				return;
 			}
 			this.stepNum += val;
+		},
+		//加入购物车
+		async addToCart() {
+			const goodsId = this.$route.query.id;
+			const res = await reqAddCart({
+				productId: goodsId,
+				total    : this.stepNum,
+				modified : 1
+			});
+			console.log(res);
+			//加入成功
+			if (res.code === 0) {
+				this.$message.success("加入购物车成功");
+			}
+			//加入失败
+			else {
+				this.$message.error(res.message);
+			}
 		}
 	}
 };