HTML 반영하기

<div slot="isOpen"> <div class="portal"> <div class="dim"></div> <div class="modal full-modal"> <div class="title-modal"> <div class="title-modal__header"> <h2 class="title-modal__title" slot="title">비밀번호 인증</h2> <button class="title-modal__close-btn" shopby-on:click="CLOSE_TITLE_MODAL"> <span class="ico ico--x-black-24"></span> </button> </div> <div class="title-modal__content" slot="layerModalContent"> <div> <password-form> <div class="password-form"> <div> {{#ifEq isPasswordInvalid false}} <p class="font-noto bold password-form__subscription">글 작성 시 설정한 비밀번호를 입력해 주세요.</p> {{else}} <p class="password-form__subscription">비밀번호가 올바르지 않습니다.</p> <p class="password-form__subscription">다시 입력해 주세요</p> {{/ifEq}} <input type="password" class="input-field input-field--md password-form__input" value="{{password}}" placeholder="비밀번호 입력" shopby-on:change="PASSWORD_INPUT" /> </div> <div class="password-form__btns"> <button type="button" class="btn btn--line-dark btn--lg" slot="cancelLabel" shopby-on:click="CLOSE_TITLE_MODAL"> 취소 </button> <button type="button" class="btn btn--fill-dark btn--lg" shopby-action="SEND_PASSWORD">확인</button> </div> </div> </password-form> </div> </div> </div> </div> </div> </div> <div> <div slot="isOpen"> <div class="portal"> <div class="dim"></div> <div class="modal password-form-modal"> <div class="title-modal"> <div class="title-modal__header"> <h2 class="title-modal__title" slot="title">비밀번호 인증</h2> <button class="title-modal__close-btn" shopby-on:click="CLOSE_TITLE_MODAL"> <span class="ico ico--x-black-24"></span> </button> </div> <div class="title-modal__content" slot="layerModalContent"> <!-- modal content --> <div> <password-form> <div class="password-form"> <div> {{#ifEq isPasswordInvalid false}} <p class="bold password-form__subscription"> 글 작성 시 설정한 <br /> 비밀번호를 입력해 주세요. </p> {{else}} <p class="password-form__subscription">비밀번호가 올바르지 않습니다.</p> <p class="password-form__subscription">다시 입력해 주세요.</p> {{/ifEq}} <input type="password" class="input-field input-field--md password-form__input" value="{{password}}" placeholder="비밀번호 입력" shopby-on:change="PASSWORD_INPUT" /> </div> <div class="password-form__btns"> <button type="button" class="btn btn--line-dark btn--lg" slot="cancelLabel" shopby-on:click="CLOSE_TITLE_MODAL"> 취소 </button> <button type="button" class="btn btn--fill-dark btn--lg" shopby-action="SEND_PASSWORD">확인</button> </div> </div> </password-form> </div> </div> </div> </div> </div> </div> </div>

CSS 반영하기

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