[README] 예제 추가
Detail Notes : 1. 실제 사용하는 페이지 예제 추가
This commit is contained in:
@@ -56,10 +56,26 @@ npm run build
|
|||||||
|
|
||||||
OnSaleProductList.jsx 참고
|
OnSaleProductList.jsx 참고
|
||||||
--> 가로 100%일 경우 container에서 여백 제어하는 것이 아니라 각 사용하려는 컴포넌트에서 class로 "TVirtualGridList" 추가한 부분에서 좌측 여백 추가(여백은 padding-left로 조절)
|
--> 가로 100%일 경우 container에서 여백 제어하는 것이 아니라 각 사용하려는 컴포넌트에서 class로 "TVirtualGridList" 추가한 부분에서 좌측 여백 추가(여백은 padding-left로 조절)
|
||||||
--> 예) .tVirtualGridList {padding-left: 60px;}
|
|
||||||
|
```less
|
||||||
|
// OnSaleProductList.module.less
|
||||||
|
.tVirtualGridList {
|
||||||
|
padding-left: 60px; /* GUI 가이드에 맞도록 적절히 조절 */
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
## TScroller 사용시 여백
|
## TScroller 사용시 여백
|
||||||
|
|
||||||
SubCategory.jsx 참고(Home)
|
SubCategory.jsx 참고(Home)
|
||||||
--> 가로 100%일 경우 TScroller 자체에서 여백 제어하는 것이 아니라 손자 엘리먼트에 좌측 여백 추가(여백은 padding-left로 조절)
|
--> 가로 100%일 경우 TScroller 자체에서 여백 제어하는 것이 아니라 손자 엘리먼트에 좌측 여백 추가(여백은 padding-left로 조절)
|
||||||
--> 예) .home > div > div{padding-left:60px;}
|
|
||||||
|
```less
|
||||||
|
// SubCategory.module.less
|
||||||
|
.home {
|
||||||
|
> div {
|
||||||
|
> div {
|
||||||
|
padding-left: 60px; /* GUI 가이드에 맞도록 적절히 조절 */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|||||||
Reference in New Issue
Block a user