From 1918dfb64a7f8c8a4b229d946cffdd7ebc99a627 Mon Sep 17 00:00:00 2001 From: mahdi Date: Tue, 4 Jan 2022 09:30:08 +0330 Subject: [PATCH] update --- src/App.js | 24 ++++----- src/components/productDesign/ProductDesign.js | 51 +++++++++++++------ 2 files changed, 47 insertions(+), 28 deletions(-) diff --git a/src/App.js b/src/App.js index 19de82f..c25dad8 100644 --- a/src/App.js +++ b/src/App.js @@ -17,18 +17,18 @@ function App() { return (
- - - - - - - - - - - - + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */} + {/* */}
); } diff --git a/src/components/productDesign/ProductDesign.js b/src/components/productDesign/ProductDesign.js index 22bce13..48b9521 100644 --- a/src/components/productDesign/ProductDesign.js +++ b/src/components/productDesign/ProductDesign.js @@ -30,7 +30,9 @@ const ProductDesign = ({ productHolderBorder, productHolderBorderColor, productTitleColor, + productExcerptTextColor, productCat, + productCatTextColor, rangeHolder, verticalImg, horizontalImg, @@ -82,27 +84,29 @@ const ProductDesign = ({
+ {/* product image */}
+ {/* icons on image */}
{discountPricePercent && ( -
+

23%

)} {likeBtn && ( -
+
)} {discount && ( -
+
)}
- {/* img Holder */} + {/* img */}
{verticalImg && ( @@ -118,52 +122,56 @@ const ProductDesign = ({ src={YellowDotIcon} alt="" data-tip="زرد" - className="w-3 h-3 ml-1" + className="w-3 h-3 ml-1 cursor-pointer" />
)}
+ {/* product content */}

نسخه چاپی علموم تجربه هفتم

{productContent && ( -

+

این کتاب شامل گلدان و گیاه و خاک می باشد و همچنین آپشن های خوب دیگری نیز دارد.

)} {productCat && ( - + پایه سوم )}
+ {/* star */} {star && (
@@ -172,11 +180,11 @@ const ProductDesign = ({
)} + {/* price */} {priceHolder && (
- {/* price */}
قیمت + {/* price with line on it */} {discountPrice && (

145تومان @@ -240,16 +249,25 @@ export default ProductDesign; // text-darkCrimsonTextColor // text-productTitle +// text color i used for product excerpt: +// text-productContent + +// text color i used for product cat: +// text-darkCrimsonTextColor + ProductDesign.defaultProps = { + // icons on product image colors: true, likeBtn: true, discount: true, discountPricePercent: true, + // product price discountPrice: true, + priceHolder: true, + productContent: true, star: true, productTags: true, - priceHolder: true, productCat: true, rangeHolder: true, @@ -257,8 +275,11 @@ ProductDesign.defaultProps = { verticalImg: true, horizontalImg: false, - productTitleColor: "text-darkCrimsonTextColor", + productTitleColor: "text-productTitle", + productExcerptTextColor: "text-productContent", + + productCatTextColor: "text-darkCrimsonTextColor", // برای درصد دادن به عرض رنج rangeWidth: "w-44", //دی ای وی که محصول داخلش است میتونیم بهش بوردر بدیم @@ -269,5 +290,3 @@ ProductDesign.defaultProps = { //میتونیم تعیین کنیم که قیمت و دکمه اضاف به سبد خرید کنار یکدیگر باشند یا زیر هم priceDirection: "flex-row", }; - -// border-2 border-productDesignBorderColor