From 60479cbced09fe0b2e7816e52b10878cd803eb58 Mon Sep 17 00:00:00 2001 From: Tieptk Date: Thu, 15 May 2025 15:43:18 +0700 Subject: [PATCH] upload 15/5 --- index.html | 3 + src/components/buildpc/CompareBuildpc.tsx | 229 +++++++ src/components/buildpc/CreateBuildpc.tsx | 270 ++++++++ src/components/footer/Footer.tsx | 48 +- src/components/product/FormReview.tsx | 78 +-- src/components/product/MemberReview.tsx | 576 +++++++++--------- src/components/product/ProductDescription.tsx | 26 +- src/components/product/ProductReview.tsx | 154 ++--- src/components/product/SupplierListBox.tsx | 166 ++--- src/index.tsx | 2 + src/pages/buildpc/Buildpc.tsx | 116 ++++ src/pages/product/ProductDetail.tsx | 499 ++++++++------- 12 files changed, 1403 insertions(+), 764 deletions(-) create mode 100644 src/components/buildpc/CompareBuildpc.tsx create mode 100644 src/components/buildpc/CreateBuildpc.tsx create mode 100644 src/pages/buildpc/Buildpc.tsx diff --git a/index.html b/index.html index 9b5f76f..2871fd7 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,9 @@
+ + + \ No newline at end of file diff --git a/src/components/buildpc/CompareBuildpc.tsx b/src/components/buildpc/CompareBuildpc.tsx new file mode 100644 index 0000000..2e97bfa --- /dev/null +++ b/src/components/buildpc/CompareBuildpc.tsx @@ -0,0 +1,229 @@ +export function CompareBuildpc() { + return ( +
+
+
+ + + + + +
+ Sản phẩm + Giá gốc + Khuyến mãi + Giao hàng + Thành tiền +
+
+ +
+
+ CPU Cooler +
+ +
4.700.000 Vnđ
+
20%
+ Liên hệ +
+ 4.000.000đ + + Mua ngay + +
+
+
+
+ CPU Cooler +
+ +
4.700.000 Vnđ
+
20%
+ Liên hệ +
+ 4.000.000đ + + Mua ngay + +
+
+
+
+ {/* */} + +
+
+ Tổng tiền (2 sản phẩm) : +
+
6.000.000 Vnđ
+
+
+ +
+
+ + + + + +
+ Sản phẩm + Giá gốc + Khuyến mãi + Giao hàng + Thành tiền +
+
+ +
+
+ CPU Cooler +
+ +
4.700.000 Vnđ
+
20%
+ Liên hệ +
+ 4.000.000đ + + Mua ngay + +
+
+
+
+ CPU Cooler +
+ +
4.700.000 Vnđ
+
20%
+ Liên hệ +
+ 4.000.000đ + + Mua ngay + +
+
+
+
+ {/* */} + +
+
+ Tổng tiền (2 sản phẩm) : +
+
6.000.000 Vnđ
+
+
+
+ ); +} diff --git a/src/components/buildpc/CreateBuildpc.tsx b/src/components/buildpc/CreateBuildpc.tsx new file mode 100644 index 0000000..7e04797 --- /dev/null +++ b/src/components/buildpc/CreateBuildpc.tsx @@ -0,0 +1,270 @@ +export function CreateBuildpc() { + return ( + <> +
+ Sản phẩm +
+ Thông tin + Giá gốc + Khuyến mãi + Thành tiền + Nhà cung cấp +
+
+ {/* */} +
+
+ CPU +
+
+ +
4.700.000 Vnđ
+
20%
+ 4.000.000đ + +
+
+
+
+ CPU Cooler +
+
+ +
4.700.000 Vnđ
+
20%
+ 4.000.000đ + +
+
+ +
4.700.000 Vnđ
+
20%
+ 4.000.000đ + +
+ + + + Chọn thêm CPU + +
+
+
+ CPU Cooler +
+ + + Chọn thêm CPU + +
+
+
+ CPU Cooler +
+ + + Chọn thêm CPU + +
+
+
+ CPU Cooler +
+ + + Chọn thêm CPU + +
+
+
+ CPU Cooler +
+ + + Chọn thêm CPU + +
+
+
+ CPU Cooler +
+ + + Chọn thêm CPU + +
+
+
+ {/* */} + +
+ + Tổng tiền 2 sản phẩm: 8.000.000đ + +
+ + + In đơn hàng + + + Mua hàng tại Hacom + +
+
+ {/* */} + + ); +} diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx index bd803b4..b023f7f 100644 --- a/src/components/footer/Footer.tsx +++ b/src/components/footer/Footer.tsx @@ -1,54 +1,54 @@ export function Footer() { return ( -