Maison > programmation quotidienne > connaissance HTML > Explication des attributs importants du composant carrousel Mip

Explication des attributs importants du composant carrousel Mip

藏色散人
Libérer: 2018-11-03 16:23:45
original
5113 Les gens l'ont consulté

Cet article vous présente principalement les attributs importants du composant carrousel MIP.

MIP, accélérateur web mobile. Concernant l'introduction du composant carrousel MIP, dans notre article précédent, nous avons introduit l'utilisation du Composant MIP en donnant un exemple de composant carrousel. Ensuite, cet exemple simple de composant de carrousel est

qui représente une méthode d'affichage utilisée pour prendre en charge les images dans MIP, prenant en charge plusieurs carrousels d'images.

Il est recommandé de se référer au manuel utilisateur MIP : "Manuel de documentation MIP"

Ci-dessous nous vous présenterons le diagramme carrousel MIP avec composant simple exemples de code.

<mip-carousel
    autoplay
    defer="1000" 
    layout="responsive"
    width="600"
    height="400"
    indicator
    buttonController
    >
    <a target="_blank" href="http://www.php.cn">
        <mip-img src="你的图片地址" layout="responsive"  width="600" height="400"></mip-img>
        <div class="mip-carousle-subtitle">这里是标题</div>
    </a>
    <mip-img src="你的图片地址"></mip-img>
    <mip-img src="你的图片地址"></mip-img>
</mip-carousel>
Copier après la connexion

Le code du composant ci-dessus, l'effet présenté est le suivant :

Explication des attributs importants du composant carrousel Mip

Les attributs importants qui doivent être notés ici sont les suivants :

autoplayAttribut : Utilisé pour spécifier si l'image du carrousel sera automatiquement lue. Sans cet attribut, l'image du carrousel ne peut être changée qu'en cliquant manuellement.

deferAttribut : Indique l'intervalle de temps de chaque rotation Si la lecture automatique est définie, vous pouvez ajouter un report pour spécifier l'intervalle de temps de la rotation

indicatorId. Attributs : le champ de fonction de l'indicateur ci-dessous doit être cohérent avec la valeur de l'identifiant du nœud parent de l'indicateur. Le nombre d'indicateurs et le nombre d'éléments dans le carrousel doivent être cohérents. L'indicateur dépend fortement de l'identifiant. être modifié par vous-même. L'exemple est le style officiel par défaut, et l'indicateur peut être cliqué pour le positionner. Attributs

largeur et hauteur : représentent le rapport d'image défini en conjonction avec les attributs de hauteur et de largeur respectivement. Pas la largeur et la hauteur réelles. Attribut

indicateur : Définissez le nombre de pages affichées sur le carrousel, comme indiqué par le numéro en bas à droite dans l'image ci-dessus. La

mise en page est définie sur responsive pour permettre l'adaptation de l'image.

Cet article est une introduction aux attributs importants du composant carrousel MIP. J'espère qu'il sera utile aux amis dans le besoin !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal