Aurora Modules

타이머

회원가입 페이지에서 휴대폰 인증시 노출되는 타이머 모듈입니다.

모듈명: shopby-timer원본소스

타이머 모듈입니다.

사용 가능 변수

변수명	타입	기본값	설명
isExpiredTime	boolean	false	유효시간 만료 여부 값
time	Time	-	타이머 시간 값 (아래 타입 참조)

Time 타입

속성명	타입	기본값	설명
minutes	number	0	타이머 시간 MM 값
seconds	number	0	타이머 시간 SS 값

커스텀 핸들바 더 알아보기

:query 속성 더 알아보기

<shopby-timer>
    <div>
        <div slot="timerModuleKey">
            <div class="timer">
                <span class="count-down" slot="time">
                    유효시간
                    <span slot="isExpiredTime">
                        {{#if isExpiredTime}}
                        <span class="description invalid-alert">00:00</span>
                        {{else}}
                        <span>{{padStart time.minutes}}:{{padStart time.seconds}}</span>
                        {{/if}}
                    </span>
                </span>
            </div>
        </div>
    </div>
</shopby-timer>

<shopby-timer>
    <div>
        <div slot="timerModuleKey">
            <div class="timer">
                <span class="count-down" slot="time">
                    유효시간
                    <span slot="isExpiredTime">
                        {{#if isExpiredTime}}
                        <span class="description invalid-alert">00:00</span>
                        {{else}}
                        <span>{{padStart time.minutes}}:{{padStart time.seconds}}</span>
                        {{/if}}
                    </span>
                </span>
            </div>
        </div>
    </div>
</shopby-timer>

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