728x90
반응형
저번에는 ProductImage 부분을 처리해줬는데 요번에는 ProductInfo 부분을 처리해줄 것입니다.
ProductInfo 부분을 antdesign에서 descriptions라는 것을 이용하여 ui 부분을 해결해주겠습니다.
https://ant.design/components/descriptions/
Descriptions - Ant Design
The number of span Description.Item. Span={2} takes up the width of two DescriptionItems. When both style and labelStyle(or contentStyle) configured, both of them will work. And next one will overwrite first when conflict.
ant.design
descriptions에 나오는 예제 부분을 활용하여 ProductInfo 부분을 표 형식으로 처리해주겠습니다.
결과:
반응형
'사이드 프로젝트' 카테고리의 다른 글
| 쇼핑몰 사이트 만들기27(Add to Cart 기능 개선 및 카트 Tab 만들기) (0) | 2022.03.15 |
|---|---|
| 쇼핑몰 사이트 만들기25(Add to Cart 버튼 만들기1) (0) | 2022.03.12 |
| 쇼핑몰 사이트 만들기23(Product Image 컴포넌트 만들기) (0) | 2022.03.11 |
| 쇼핑몰 사이트 만들기22(상품 상세정보를 데이터베이스에서 가져오기) (0) | 2022.03.10 |
| 쇼핑몰 사이트 만들기21(검색 기능 만들기2) (0) | 2022.03.08 |