Harmony os. (2)

（1）.Création de composants personnalisés

1. Définir un dossier dédié aux composants personnalisés components.tabbar Et la mise en place3Fichiers de base tabbar.hml、tabbar.js、tabbar.css,Il est important de noter que：3Les noms de fichiers des fichiers doivent être cohérents,Sinon, il y aura des cas où le fichier ne peut pas être trouvé.Le but de ce composant personnalisé est de configurer un tabbar Expérience tabulaire.
2. Définir l'onglet inférieur correspondant à json Source des données,Pour sauvegarder icon Photos、Titre,Et après avoir cliqué sur la sélection icon Photos.
3. Utiliser toolbar + toolbar-item Construction de composants intégrés en bas tabbar Services de tabulation「tabbar.hml」
4. Importer tabbarItem Données,Et définir la correspondance data ,Définir l'événement de clic en même temps Paramètres dynamiques Cliquez pour icon Sélectionner.
5. Paramètres CSS Styles Oui. tabbar Bas de l'onglet「tabbar.css」

（2） Appel de composants personnalisés

1. name La propriété se réfère au nom du composant personnalisé(Non requis),Le nom du composant n'est pas sensible à la casse,Minuscule par défaut,src Les propriétés se réfèrent aux composants personnaliséshml Chemin du fichier(Obligatoire),Si ce n'est pas réglé name Propriétés,Par défaut hml Nom du fichier comme nom du composant.

2. Liaison de l'événement：L'événement BIND subcomponent dans un composant personnalisé utilise (on|@)child1 Syntaxe,Passage dans le Sous - ensemble this.$emit('child1', { params: 'Paramètres de passage' }) Déclenche l'événement et transmet la valeur,Exécution du composant parent bindParentVmMethod Méthode et reçoit les paramètres transmis par le Sous - composant.

（3）Composant parent viaslot Publier le contenu aux sous - composantes

        1.FréquentslotDistribution des créneaux horaires 

         2. Distribution de fentes nommées

（3） Mise en œuvre de la fonction de routage

        Définition de la page ：

1. In Pages Un nouveau dossier sous le dossier représente le routage requis ,Bien sûr., On peut aussi en construire un nouveau Ablity Expérience,Montre - moi ça. Pages.Name.

2. In Sous le nouveau dossier, il est important de noter la création de trois nouveaux fichiers  index.hml、index.js、index.css Trois fichiers, Le nom du fichier doit être index Pour nommer, L'utilisation d'un nom différent peut rendre les dépendances de fichier introuvables .

   Raccourcis, Vous pouvez sélectionner le Ability Pages Sous le dossier,Et puis new page Ajouter une page directement , Et s'enregistrera automatiquement pour le routage ,C'est plus pratique

3. In config.json Dans le document

   Utilisation du routage： 

        1.Importer un module de routage

        2.router.push(OBJECT),Aller à la page spécifiée dans l'application.

        3.router.replace(OBJECT),Remplacer la page courante par une page dans l'application,Et détruire la page remplacée.

        4.router.back(OBJECT),Retour à la page précédente ou à la page spécifiée.

        5.router.clear(), Videz toutes les pages historiques de la pile de pages , Ne laissez que la page courante en haut de la pile .

        6.router.getLength(), Obtient le nombre de pages actuellement dans la pile de pages .

        7.router.getState(), Obtenir des informations sur l'état de la page courante .