본문으로 건너뛰기

cardShape

설명​

선택 사항. 각 카드 왼쪽에 표시되는 정보를 관리하는 설정 객체

사용법​

cardShape?: {
    category?: boolean,
    details?: boolean,
    preview?: boolean,
    price?: boolean,
    review?: boolean,
    subtitle?: boolean,
    title?: boolean
};

Parameters​

cardShape 객체에서 다음 parameters(필드)를 지정할 수 있습니다:

  • category - (선택 사항) 카테고리 이름 표시/숨김
  • details - (선택 사항) 세부 정보 표시/숨김
  • preview - (선택 사항) 미리보기 이미지 표시/숨김
  • price - (선택 사항) 가격 표시/숨김
  • review - (선택 사항) 평점 정보 표시/숨김
  • subtitle - (선택 사항) 카드 부제목 표시/숨김
  • title - (선택 사항) 카드 제목 표시/숨김

기본 설정​

const defaultCardShape = {
    category: true,
    details: true,
    preview: true,
    price: true,
    review: true,
    subtitle: true,
    title: true
};

예제​

const cardShape = {
    review: false,
    subtitle: false,
    price: false
};

new booking.Booking("#root", {
    cardShape,
    // 기타 parameters
});

아래 스니펫은 카드 왼쪽에 표시할 필드를 구성하는 방법을 보여줍니다:

정보

cardTemplate 속성을 사용하여 카드의 외관을 구성할 수도 있습니다. cardTemplate과 cardShape이 모두 적용된 경우, cardTemplate이 cardShape 설정을 재정의합니다.

관련 문서:

Need more help?Contact Support