Mipカルーセルコンポーネントの重要な属性の説明

この記事では、主に MIP カルーセル コンポーネントの重要な属性について説明します。

MIP、モバイル Web アクセラレータ。 MIP カルーセル コンポーネントの導入については、前回の記事でカルーセル コンポーネントの例を挙げて MIP コンポーネント の使い方を紹介しました。この単純なカルーセル コンポーネントの例は、

であり、MIP で画像をサポートするために使用される表示メソッドを表し、複数の画像カルーセルをサポートします。

MIP ユーザー マニュアルをお勧めします:「MIP Documentation Manual」

以下に、簡単なコンポーネント コード例を示した MIP カルーセル図を紹介します。重要な属性。

<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>

上記のコンポーネント コードは次の効果を示します:

ここで注意する必要がある重要な属性は次のとおりです:

autoplay 属性: カルーセル画像を自動的に再生するかどうかを指定するために使用されます。この属性がないと、手動でクリックすることによってのみカルーセル画像を切り替えることができます。

defer属性: 各ローテーションの時間間隔を示します。自動再生が設定されている場合は、defer を追加してローテーションの時間間隔を指定できます。インジケーター ID

属性: 以下のインジケーター関数フィールドは、インジケーターの親ノードの ID 値と一致している必要があります。インジケーターの数とカルーセル内のアイテムの数は、ID に大きく依存します。この例は公式のデフォルト スタイルであり、インジケーターをクリックして配置できます。

width

および

height 属性: それぞれ、高さ属性と幅属性と組み合わせて設定された画像の比率を表します。実際の幅と高さではありません。 indicator

属性: 上の図の右下の数字に示すように、カルーセルに表示されるページ数を設定します。

layout

値を

応答に設定すると、画像の適応が許可されることになります。 この記事は、MIP カルーセル コンポーネントの重要な属性について説明したもので、困っている友人の役に立てば幸いです。

以上がMipカルーセルコンポーネントの重要な属性の説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。