ホームページ >毎日のプログラミング >HTMLの知識 >Mip の折りたたみ可能なメニュー コンポーネントとは何ですか?

Mip の折りたたみ可能なメニュー コンポーネントとは何ですか?

藏色散人
藏色散人オリジナル
2018-11-03 16:25:144997ブラウズ

この記事では主に、MIP折りたたみメニュー コンポーネントについて紹介します。

MIP はモバイル Web アクセラレータです。前の記事で、mip の カルーセル コンポーネント インライン フレーム コンポーネント を紹介しました。このセクションでは引き続き、mip の折りたたみメニュー コンポーネントについて紹介します。

MIP の折りたたみメニュー コンポーネントは、折りたたみノード コンポーネントとも呼ばれます。これは、mip のパーソナライズされたコンポーネントであり、折りたたみ非表示ノードです (ユーザーの最後の行動を記録できます)。パーソナライズされたコンポーネントは、対話、統計、その他のニーズなど、特定のニーズを満たすコンポーネントです。対応するJSスクリプトを導入する必要があります。

私たちの日々の mip プロジェクト開発では、折りたたみメニュー コンポーネントは比較的一般的で頻繁に使用されるコンポーネントです。

ラベルは次のように表現されます:

使用例:

<mip-accordion sessions-key="mip_1" animatetime=&#39;0.24&#39;>
    <section>
        <h4>下拉第一个</h4>
        <p class="mip-accordion-content">我说你是人间的四月天;笑声点亮了四面风;轻灵在春的光艳中交舞着变。你是四月早天里的云烟,黄昏吹着风的软,星子在无意中闪,</p>
    </section>
    <section  expanded="open">
        <h4>下拉第二个</h4>
        <p>细雨点洒在花前。那轻,那娉婷,你是,鲜妍百花的冠冕你戴着,你是天真,庄严,你是夜夜的月圆。</p>
    </section>
    <section>
        <h4>下拉第三个</h4>
        <mip-img layout="responsive" width="400" height="200" src="" class="mip-accordion-content"></mip-img>
    </section></mip-accordion>

折りたたみメニュー コンポーネントの使用効果は次のとおりです。以下:

Mip の折りたたみ可能なメニュー コンポーネントとは何ですか?

ここではタイトルを同時にクリックすると、内容も同時に表示されます。もちろん、複数のタイトルがある場合、クリックされたコンテンツは 1 つだけ表示されます。つまり、

は 1 つのノードのみを展開する効果、または複数のノードを展開する効果を構成します。巣作りなど。 mip 折りたたみメニュー コンポーネントの効果の詳細については、「MIP Documentation Manual」を参照することをお勧めします。

この記事は MIP の折りたたみメニュー コンポーネントについて簡単に紹介したもので、困っている友人の役に立てば幸いです。

以上がMip の折りたたみ可能なメニュー コンポーネントとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。