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