[components] TItemCard, props & element 추가
Detail Notes : 1. props → isLive 추가 2. element → CustomImage 추가 3. import → tag-liveshow.svg
This commit is contained in:
@@ -4,6 +4,7 @@ import classNames from "classnames";
|
|||||||
|
|
||||||
import Spottable from "@enact/spotlight/Spottable";
|
import Spottable from "@enact/spotlight/Spottable";
|
||||||
|
|
||||||
|
import IcLiveShow from "../../../assets/images/tag/tag-liveshow.svg";
|
||||||
import usePriceInfo from "../../hooks/usePriceInfo";
|
import usePriceInfo from "../../hooks/usePriceInfo";
|
||||||
import { $L } from "../../utils/helperMethods";
|
import { $L } from "../../utils/helperMethods";
|
||||||
import CustomImage from "../CustomImage/CustomImage";
|
import CustomImage from "../CustomImage/CustomImage";
|
||||||
@@ -41,6 +42,7 @@ export default memo(function TItemCard({
|
|||||||
logo,
|
logo,
|
||||||
logoDisplay = false,
|
logoDisplay = false,
|
||||||
isBestSeller = false,
|
isBestSeller = false,
|
||||||
|
isLive = false,
|
||||||
onBlur,
|
onBlur,
|
||||||
onClick,
|
onClick,
|
||||||
onFocus,
|
onFocus,
|
||||||
@@ -117,6 +119,9 @@ export default memo(function TItemCard({
|
|||||||
<span>{rank}</span>
|
<span>{rank}</span>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
{isLive && (
|
||||||
|
<CustomImage className={css.liveTag} src={IcLiveShow} alt="" />
|
||||||
|
)}
|
||||||
</SpottableComponent>
|
</SpottableComponent>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -271,4 +271,9 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.liveTag {
|
||||||
|
.size(@w: 108px, @h: 48px);
|
||||||
|
.position(@position: absolute, @top: 30px, @left: 30px);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user