Comment utiliser le développement de composants de conteneurs dans Uniapp

Comment utiliser le développement de composants conteneurs dans uniapp

Vue d'ensemble :
Dans uniapp, le composant conteneur est un composant commun dans la page, utilisé pour envelopper d'autres composants ou contenus et jouer le rôle de mise en page et d'affichage des éléments de contrôle. Dans cet article, nous présenterons comment utiliser le développement de composants de conteneurs dans Uniapp et fournirons des exemples de code pertinents.

1. Composants de conteneur courants dans la vue uniapp

1.  : utilisés pour envelopper d'autres composants ou contenus et fournir un contrôle de mise en page et de style de base. Ses attributs couramment utilisés incluent la couleur d'arrière-plan, la hauteur, la largeur, la marge, le remplissage, etc.
2. scroll-view : conteneur de zone déroulante. En définissant la hauteur et la largeur de la vue de défilement et l'attribut de débordement, un affichage de contenu défilant peut être obtenu.
3. swiper : Un composant de conteneur utilisé pour obtenir des effets de carrousel. En définissant le chemin de l'image et la hauteur du swiper, l'effet carrousel d'images peut être obtenu.
4. swiper-item : Un sous-élément dans le composant swiper. Chaque élément swiper correspond à un curseur et peut contenir des images, du texte et d'autres contenus.

Deuxièmement, utilisez l'exemple de développement de composant de conteneur de vue

1. Ajoutez un composant de vue à la page