Skip to main content
Skip table of contents

Web - Profile (Deprecated in 1.4)

Definition

정의

Profile

최적화 대상

Desktop

Mobile

기획 배포

완료

디자인 가이드 배포

완료

개발 코드 배포

Principle

사용자 계정에 대한 정보를 보여줄 때 사용합니다.


Spec

Guide

Size, Property

구성

내용

size

width : 화면에 맞춤

image

Web - ImageView 참고

  • Channel

    • ratio : 1_1

    • scaleType : cover

    • size : 64px

    • shapeType : circular

    • borderMode : use

  • Account

    • ratio : 1_1

    • scaleType : cover

    • size : 96px

    • shapeType : circular

    • borderMode : use

text

Web - TextLabel 참고

  • nicknameText (Channel, Account)

    • styleTheme : headingBold

    • textAlign : center

  • captionText

    • styleTheme : caption1Regular

    • textAlign : center

프로필 ID

Web - Chip 참고

  • displayType : information

mBtn

Web - MainButton 참고

  • fillType : line

  • size : small

Color 구성

‌Color Key

구성

구분

내용

Text

nickname

TextLabel

  • colorTheme : sysTextPrimary

caption

TextLabel

  • colorTheme : sysTextTertiary

base

ui_cpnt_profile_base


Properties

PropName

Description

DataType

DefaultValue

profileType

프로필의 유형을 결정합니다.

enum

channel

nicknameText

프로필 닉네임 텍스트 값입니다.

String

captionText

상세 정보에 대한 텍스트 값입니다.

String

mBtnText

버튼의 텍스트

String

chipText

프로필 유형이 channel일 때, 프로필 ID에 대한 값입니다. (chip에 들어가는 텍스트)

String

Values

Related PropName

Value

Description & spec
//TODO 디자인 제약조건 작성

Visual Ref
//참고 이미지

profileType

channel

account

nicknameText

captionText

mBtnText

chipText


문서 작성 정보

소유자 / 관리자

김혜진

변경 이력

  • 2021/11/26 : ImageView에서 borderMode에 대한 spec 기술 추가 - 김혜진

  • 2021/11/17 : style을 styleTheme로 수정 - 김혜진

  • 2021/11/03 : spec 추가 - 김혜진

  • 2021/11/02 : 최초 문서 작성 - 김혜진

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.