Aurora Modules

휴면회원 로그인

휴면회원 로그인시 회원 정보를 노출하는 휴면회원 로그인 모듈입니다.

모듈명: dormant-sign-in원본소스

휴면회원 로그인 모듈입니다.

사용 가능 변수

변수명	타입	기본값	설명
dormantMemberInformation	DormantMemberInformation	-	휴면 회원 조회 API 응답 결과와 동일 (휴면회원 정보) (아래 타입 참조)

DormantMemberInformation 타입

속성명	타입	기본값	설명
memberName	string	-	이름
joinDateTime	string	-	가입 일시
dormantDateTime	string	-	휴면 전환 일시
lastLoginDateTime	string	-	최근 접속 일시
signUpDateTime	string	-	가입 일시

커스텀 핸들바 더 알아보기

:query 속성 더 알아보기

<div class="dormant-sign-in">
    <div class="notice">
        <span class="sprite-image notice--warning"></span>
    </div>
    <p class="dormant-sign-in__title">
        장기 미 접속으로 인해
        <br />
        휴면회원 전환 상태입니다.
    </p>
    <dormant-sign-in>
        <div>
            <div class="dormant-sign-in__callout" slot="dormantMemberInformation">
                <p>
                    <span>최초 가입일</span>
                    {{#ifNe (convertDateFormat dormantMemberInformation.signUpDateTime) ''}}{{convertDateFormat
                    dormantMemberInformation.signUpDateTime}}{{else}}-{{/ifNe}}
                </p>
                <p>
                    <span>최종 접속일</span>
                    {{#ifNe (convertDateFormat dormantMemberInformation.lastLoginDateTime) ''}}{{convertDateFormat
                    dormantMemberInformation.lastLoginDateTime}}{{else}}-{{/ifNe}}
                </p>
                <p>
                    <span>휴면 처리일</span>
                    {{#ifNe (convertDateFormat dormantMemberInformation.dormantDateTime) ''}}{{convertDateFormat
                    dormantMemberInformation.dormantDateTime}}{{else}}-{{/ifNe}}
                </p>
            </div>
        </div>
    </dormant-sign-in>
</div>

<div class="dormant-sign-in">
    <div class="notice">
        <span class="sprite-image notice--warning"></span>
    </div>
    <p class="dormant-sign-in__title">
        장기 미 접속으로 인해
        <br />
        휴면회원 전환 상태입니다.
    </p>
    <dormant-sign-in>
        <div>
            <div class="dormant-sign-in__callout" slot="dormantMemberInformation">
                <p>
                    <span>최초 가입일</span>
                    {{#ifNe (convertDateFormat dormantMemberInformation.signUpDateTime) ''}}{{convertDateFormat
                    dormantMemberInformation.signUpDateTime}}{{else}}-{{/ifNe}}
                </p>
                <p>
                    <span>최종 접속일</span>
                    {{#ifNe (convertDateFormat dormantMemberInformation.lastLoginDateTime) ''}}{{convertDateFormat
                    dormantMemberInformation.lastLoginDateTime}}{{else}}-{{/ifNe}}
                </p>
                <p>
                    <span>휴면 처리일</span>
                    {{#ifNe (convertDateFormat dormantMemberInformation.dormantDateTime) ''}}{{convertDateFormat
                    dormantMemberInformation.dormantDateTime}}{{else}}-{{/ifNe}}
                </p>
            </div>
        </div>
    </dormant-sign-in>
</div>

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