Aurora Modules

아이디 찾기 결과

아이디 찾기 결과 페이지에 노출되는 아이디 찾기 결과 모듈입니다.

URL: /pages/find/find-id.html

사용 가능 변수

변수명	타입	기본값	설명
memberInformation	MemberInformation[]	[]	아이디 찾기 API 응답 결과와 동일 (아래 타임 참조)

MemberInformation 타입

속성명	타입	기본값	설명
memberName	string	-	이름
joinYmdt	string	-	가입 일시
mobileNo	string	-	휴대폰번호
id	string	-	아이디 혹은 오픈 아이디 타입
email	string	-	이메일주소
status	WAITING \| ACTIVE \| WITHDRAWN \| FREEZE \| DORMANT \| PAUSED	-	회원 상태 (WAITING: 가입대기, ACTIVE: 가입완료, WITHDRAWN: 회원 탈퇴, FREEZE: 휴면, DORMANT: 휴면, PAUSED: 일시 이용정지)

커스텀 핸들바 더 알아보기

:query 속성 더 알아보기

<div class="find-id-result">
    <find-id-result>
        <div>
            <div class="notice">
                <span class="sprite-image notice--success"></span>
            </div>
            <p slot="memberInformation" class="find-id-result__title">{{memberInformation.0.memberName}} 회원님의 아이디입니다.</p>
            <div slot="memberInformation" class="find-id-result__id-wrap">
                {{#each memberInformation}}
                <p>
                    {{this.id}} {{#ifEqOne this.status 'DORMANT' 'FREEZE'}}
                    <span class="find-id-result__dormant-text">(휴면)</span>
                    {{/ifEqOne}}
                </p>
                {{/each}}
            </div>
        </div>
    </find-id-result>
</div>

<div class="find-id-result">
    <find-id-result>
        <div>
            <div class="notice">
                <span class="sprite-image notice--success"></span>
            </div>
            <p slot="memberInformation" class="find-id-result__title">{{memberInformation.0.memberName}} 회원님의 아이디입니다.</p>
            <div slot="memberInformation" class="find-id-result__id-wrap">
                {{#each memberInformation}}
                <p>
                    {{this.id}} {{#ifEqOne this.status 'DORMANT' 'FREEZE'}}
                    <span class="find-id-result__dormant-text">(휴면)</span>
                    {{/ifEqOne}}
                </p>
                {{/each}}
            </div>
        </div>
    </find-id-result>
</div>

/* 여기에 스타일 코드를 작성해주세요. */