【하모니OS 넥스트 여행】ArkTS 기반 개발 (3) -> JS 호환 웹 개발 (4) -> 공통 컴포넌트 (1)

List 구성 요소는 연속 데이터를 표시하는 데 적합한 동일한 너비의 항목 목록을 표시하는 데 사용됩니다. List 구성 요소를 만들려면 pages/index 디렉토리의 hml 파일에 추가하고 CSS를 사용하여 스타일을 지정합니다. 목록 구성 요소에는 목록 그룹화 기능을 구현하는 데 사용할 수 있는 목록 항목 및 목록 항목 그룹과 같은 하위 구성 요소가 있습니다. scrollbar 속성을 ON으로 설정하여 화면 오른쪽에 스크롤 막대를 생성할 수 있습니다. indexer 속성을 설정하여 목록의 오른쪽 가장자리에 인덱스 표시줄을 표시할 수 있습니다. List 구성 요소는 groupcollapse 및 groupexpand 이벤트를 사용하여 목록 접기 및 확장도 지원합니다. 시나리오 예제에서 List 구성 요소는 사전순 인덱스를 기반으로 연락처를 검색하는 데 사용됩니다. Dialog 구성 요소는 Button 구성 요소에 의해 트리거될 수 있는 사용자 지정 팝업 창을 만드는 데 사용됩니다. Dialog 구성 요소는 특정 특성과 스타일만 지원하며 동적 업데이트나 포커스 가능 및 클릭 효과 특성은 지원하지 않습니다. 마지막으로, 양식 구성 요소는 입력 구성 요소 컨텐츠의 제출 및 재설정을 지원하는 양식 컨테이너이며, 다양한 속성 및 이벤트를 사용하여 스타일을 지정하고 사용자 지정할 수 있습니다.