本篇文章主要介紹MIP中的折疊選單元件。
MIP即行動網頁加速器,在先前的文章中已經給大家介紹了mip中的輪播圖元件,內嵌框架元件。本節內容再繼續跟大家介紹mip中的折疊菜單組件。
MIP的折疊選單元件也叫折疊節點元件,是mip中的一個個人化元件,也就是折疊隱藏節點(可記錄使用者上次行為)。而個人化組件是滿足於特定需求的組件,包括互動、統計等需求。需要引入對應的 JS 腳本。
在我們日常mip專案開發中,摺疊選單元件是比較常見且使用率較高的一個元件。
其標籤表示為:
#使用範例:
<mip-accordion sessions-key="mip_1" animatetime='0.24'> <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折疊選單組件效果詳情推薦參考《MIP文件手冊》。
這篇文章就是關於MIP中折疊選單元件的簡單介紹,希望對需要的朋友有幫助!
以上是Mip的折疊菜單組件是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!