모바일 장치에서 케이스 구성요소 생성
모바일 장치에 맞게 조정되는 양식 인터페이스를 사용하여 모바일 장치에서 케이스를 생성합니다.
케이스 생성 구성요소에 대한 모바일 응답
모바일 장치에서 케이스 생성 구성요소를 사용하여 모바일 장치에 최적화된 양식 레이아웃으로 케이스를 생성합니다.
구성요소는 모바일 장치를 자동으로 감지하고 작은 화면에 맞게 양식 레이아웃을 조정합니다. 양식 필드는 가독성을 유지하기 위해 재구성되고, 드롭다운 메뉴는 더 쉬운 터치 상호작용을 위해 하단 시트로 열리며, 버튼은 모바일 사용에 적합한 크기입니다.
케이스를 제출하면 시스템은 케이스 번호를 생성합니다. 복사(복사 
) 아이콘을 선택하면 참조 번호가 클립보드에 복사되고 아이콘이 체크( 
) 아이콘으로 바뀝니다. 틱( ) 아이콘을 선택하면 클립보드에 복사됨 메시지가 표시되며, 이 메시지는 3초 후에 사라지고 틱( ) 아이콘은 복사본(복사 ) 아이콘으로 되돌아갑니다.그림 1. 케이스 생성 구성요소 모바일 뷰
) 아이콘을 선택하면 참조 번호가 클립보드에 복사되고 아이콘이 체크( ) 아이콘으로 바뀝니다. 틱( ) 아이콘을 선택하면 클립보드에 복사됨 메시지가 표시되며, 이 메시지는 3초 후에 사라지고 틱( ) 아이콘은 복사본(복사 ) 아이콘으로 되돌아갑니다.핵심 기능
주요 기능은 다음과 같습니다.
- 적응형 양식 레이아웃: 양식 필드는 가독성과 접근성을 유지하면서 모바일 화면 너비에 맞게 자동으로 재구성됩니다.
- 하단 시트 선택기: 드롭다운 메뉴는 모바일 장치에서 하단 시트로 열리며 화면 하단에서 위로 미끄러지는 터치 친화적인 선택 인터페이스를 제공합니다.
- 케이스 번호 복사 기능: 케이스 제출 후 탭 한 번으로 생성된 케이스 번호를 클립보드에 복사합니다. 시스템에 3초 후에 자동으로 해제되는 확인 메시지가 표시됩니다.
- 로딩 표시기: 양식이 로드되는 동안 로딩 시각적 개체가 표시되어 양식 요소의 구조와 배치를 보여줍니다.