Mip-accordion Folding Node Detailed

Source: Internet
Author: User
Tags manual sessions

Title Content
Type General
Support layout Responsive,fixed-height,fill,container,fixed Document
The required script Https://mipcache.bdstatic.com/static/v1/mip-accordion/mip-accordion.js

Example

Title Plus content Form

<mip-accordionsessions-key= "Mip_1" >

<section>

<p> I say you are the April day of the world, the laughter lit the four winds, light in the spring of the bright in the dance change. You are April early days of clouds, dusk blowing wind soft, star in inadvertently flashing,</p>

</section>

<section>

<p> drizzle sprinkle before the flowers. That light, that pinting, you are, fresh shes the crown of the flowers you wear, you are naïve, solemn, you are every night of the month circle. </p>

</section>

<section>

<mip-img layout= "responsive" width= "height=" src= "yun_qi_img/20161217131228631.jpg" >

</mip-img>

</section>

</mip-accordion>

Title Plus content Form-manual

The node that expands by default is now adding the expanded property

<mip-accordion sessions-key= "mip_1" type= "Manual" >

<section>

<p> I say you are the April day of the world, the laughter lit the four winds, light in the spring of the bright in the dance change. You are April early days of clouds, dusk blowing wind soft, star in inadvertently flashing,</p>

</section>

<section expanded>

<p> drizzle sprinkle before the flowers. That light, that pinting, you are, fresh shes the crown of the flowers you wear, you are naïve, solemn, you are every night of the month circle. </p>

</section>

<section>

"Responsive" width= "<mip-imglayout=" height= "200"

src= "Yun_qi_img/20161217131228631.jpg" >

</mip-img>

</section>

</mip-accordion>

Title Toggle Form

<mip-accordion sessions-key= "Mip_2" >

<section>

<spanclass= "Show-more" > show more </span>

<spanclass= "Show-less" > Close Up </span>

<p> show the display to collect and close up display display to close up display display to collect and close up display show collection up </p>

</section>

</mip-accordion>

Property

Sessions-key

Description: A component Unique identifier that distinguishes multiple mip-accordion from the same page to restore the user's last action

Required option: Yes

Type: string

Type

Description: Type, distinguish automatically expand node (automatic) According to session record, or manually configure the default expansion node (manual)

Required option: No

Type: string

Unit: None

Take value: Automatic, Manual

Default value: Automatic

Expanded

Description: The default expanded Mip-accordion child node requires this property to be configured and will only take effect if the Mip-accordion Type property value is manual

Required option: No

Type: string

Unit: None

Take value: None

Default value: None

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.