Web - BannerSlideContent (Deprecated in 1.4)

정의

BannerSlideContent

최적화 대상

Desktop, Mobile

기획 배포

완료

디자인 가이드 배포

완료

개발 코드 배포

logoImage

Web - ImageView 참고

• width: 1/4 of banner width

• height: 148px

• scale : contain

text

Web - TextLabel 참고

• titleText

  • styleTheme : displayBold

• descText

  • styleTheme : body1Regular

mBtn

Web - MainButton 참고

• shapeType: round

• fillType: fill

• size: large

• font-weight: bold

• iconMode: right

• iconName : ic_arrow_right

• iconFillType : line

bgImage

Web - ImageView 참고

• shapeType : rectangle

• width : responsive

• height: 540px

• scale : contain

bgVideo

(추후 기획 추가)

구성

내용

titleText

TextLabel

• colorTheme : sysTextPrimary

descText

TextLabel

• colorTheme : sysTextPrimary

gradient

(배너 배경과 정보 사이에 깔리는 그라데이션 배경)

하단~상단 : ui_cpnt_bannerslide_gradient_1 ~ ui_cpnt_bannerslide_gradient_2

bgImageSrc

배너의 배경 이미지 source

String

bgVideoSrc

배너의 배경 비디오 source

String

logoImageMode

로고 이미지를 사용할지를 결정

enum

logo

logoImageSrc

로고 이미지의 source

String

titleText

제목 텍스트 - logoImageMode가 꺼져있다거나, logoImageSrc가 비어있다면, 자동으로 뜹니다.

String

descText

한 줄 소개 텍스트

String

mBtnMode

mBtn 사용 여부를 결정

enum

use

mBtnText

mBtn에 표시될 텍스트

String

bgImageSrc

bgVideoSrc

logoImageMode

none

아무것도 표시되지 않습니다.

logo

로고 이미지 영역을 표시

logoImageSrc

titleText

영역을 벗어나면 말줄임표 처리

descText

영역을 벗어나면 말줄임표 처리

mBtnMode

none

표시하지 않음

use

버튼을 표시함

mBtnText

김혜원, 박윤규

• 2021/11/17 : spec, prop 수정 - 김혜진

• 2021/11/15 : Spec 업데이트 - 김혜진

• 2021/10/16 : 최초 작성 - 김혜원