mip-accordion 折りたたみノード


mip-accordionは、ミップフォールディングで非表示ノードをサポートするために使用されます(ユーザーの最後の行動を記録できます)

QQ截图20170204113558.png

タイトルとコンテンツフォーム

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

タイトルとコンテンツフォーム-マニュアル

デフォルトの展開されたノードこのときexpanded 属性の追加

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

タイトル切り替えフォーム

<mip-accordion sessions-key="mip_2">
    <section>
        <h4>
          <span class="show-more">显示更多</span>
          <span class="show-less">收起</span>
          </h4>
        <p>显示显示收起收起显示显示收起收起显示显示收起收起显示显示收起收起</p>
      </section>
  </mip-accordion>

sessions-key

説明: コンポーネントの一意の識別子は、同じページ上の複数のミップ アコーディオンを区別してユーザーの最後の操作を復元するために使用されます
必須オプション: はい
タイプ: String

type

Description:タイプ、セッションレコードに基づいて自動的にノードを拡張する(automatic)か、デフォルトの拡張ノードを手動で構成する(manual)かを区別します
必須オプション:No
Type:String
Unit:None
Value :automatic、手動
デフォルト値: 自動

拡張

説明: デフォルトで拡張された mip-accordion 子ノードは、この属性を構成する必要があります。これは、mip-accordion の type 属性値がマニュアルの場合にのみ有効になります
必須オプション: No
。タイプ: 文字列
単位: なし
値: なし
デフォルト値: なし