DSDesignSkill
|

/컴포넌트/결제 폼

새 창 ↗
자산 미리보기 이미지

1440px 풀페이지 캡처 · 실화면 탭에서 라이브 확인

설명

주문·결제 단계 전체를 담은 2단 폼입니다. 왼쪽에는 받는 분·연락처·우편번호 찾기가 붙은 배송지 입력, 결제수단 라디오 카드, 전체 동의가 있는 약관 블록이 차례로 놓입니다. 결제수단 카드는 peer-checked만으로 선택 시 테두리와 배경이 바뀌고 카드사·할부 개월 같은 하위 옵션이 펼쳐집니다. 오른쪽에는 스크롤을 따라오는 결제 금액 패널이 있어 할인 내역과 최종 금액, 결제 버튼, 보안 안내를 보여 줍니다. 아래에는 미선택·선택됨·추천·점검 중 네 가지 결제수단 카드 상태를 따로 정리했습니다.

변경 이력

v1.0.02026-07-27

최초 공개