Erläuterung wichtiger Attribute in der Mip-Karussellkomponente

In diesem Artikel werden Ihnen hauptsächlich die wichtigen Attribute der MIP-Karussellkomponente vorgestellt.

MIP, mobiler Web-Beschleuniger. Bezüglich der Einführung der MIP-Karussellkomponente haben wir in unserem vorherigen Artikel die Verwendung der MIP-Komponente anhand eines Beispiels einer Karussellkomponente vorgestellt. Dann ist dieses einfache Beispiel einer Karussellkomponente

stellt eine Anzeigemethode dar, die zur Unterstützung von Bildern in MIP verwendet wird und mehrere Bildkarussells unterstützt.

Es wird empfohlen, sich auf das MIP-Benutzerhandbuch zu beziehen: „MIP-Dokumentationshandbuch“

Nachfolgend stellen wir Ihnen das MIP-Karusselldiagramm mit einfacher Komponente vor Codebeispiele.

<mip-carousel
    autoplay
    defer="1000" 
    layout="responsive"
    width="600"
    height="400"
    indicator
    buttonController
    >
    <a target="_blank" href="//m.sbmmt.com">
        <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>

Der obige Komponentencode und der Rendering-Effekt sind wie folgt:

Die wichtigen Attribute, die hier beachtet werden müssen, sind wie folgt:

Autoplay Attribut: Wird verwendet, um anzugeben, ob das Karussellbild automatisch abgespielt wird. Ohne dieses Attribut kann das Karussellbild nur durch manuelles Klicken umgeschaltet werden.

deferAttribut: Gibt das Zeitintervall jeder Rotation an. Wenn Autoplay eingestellt ist, können Sie defer hinzufügen, um das Zeitintervall der Rotation anzugeben

indicatorId Attribute: Das folgende Indikatorfunktionsfeld muss mit dem ID-Wert des übergeordneten Knotens des Indikators übereinstimmen. Die Anzahl der Indikatoren und die Anzahl der Elemente im Karussell müssen stark von der ID abhängig sein Das Beispiel ist der offizielle Standardstil und der Indikator kann zum Positionieren angeklickt werden. Attribute

width und height: stellen das Bildverhältnis dar, das in Verbindung mit den Attributen height bzw. width festgelegt wurde. Nicht die tatsächliche Breite und Höhe.

Indikator-Attribut: Legen Sie die Anzahl der im Karussell angezeigten Seiten fest, wie in der Zahl unten rechts im Bild oben gezeigt.

Layout ist auf responsiv eingestellt, um eine Bildanpassung zu ermöglichen.

Dieser Artikel ist eine Einführung in die wichtigen Eigenschaften der MIP-Karussellkomponente. Ich hoffe, dass er Freunden in Not hilfreich sein wird!

Das obige ist der detaillierte Inhalt vonErläuterung wichtiger Attribute in der Mip-Karussellkomponente. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!