【Parcours d'HarmonyOS Next】Développement basé sur ArkTS (3) -> Développement web compatible JS (4) -> Composants communs (1)

Le composant Liste est utilisé pour afficher une liste d'éléments de même largeur, adapté pour présenter des données consécutives. Pour créer un composant Liste, ajoutez-le au fichier hml dans le répertoire pages/index et stylez-le à l'aide de CSS. Le composant Liste a des sous-composants tels que Élément de liste et Groupe d'éléments de liste, qui peuvent être utilisés pour implémenter des fonctions de regroupement de liste. La propriété scrollbar peut être définie sur ON pour générer une barre de défilement à droite de l'écran. La propriété indexer peut être définie pour afficher une barre d'index à droite de la liste. Le composant Liste prend également en charge le pliage et l'expansion de liste à l'aide des événements groupcollapse et groupexpand. Dans un exemple de scénario, le composant Liste est utilisé pour rechercher des contacts en fonction d'un index alphabétique. Le composant Dialog est utilisé pour créer des fenêtres émergentes personnalisées, qui peuvent être déclenchées par un composant Bouton. Le composant Dialog prend en charge uniquement certains attributs et styles, et ne prend pas en charge les mises à jour dynamiques ou les attributs focusable et click-effect. Enfin, le composant Formulaire est un conteneur de formulaire qui prend en charge la soumission et la réinitialisation du contenu des composants Input, et peut être stylé et personnalisé à l'aide de divers attributs et événements.