[TOC]
>[success] # 創建子頁面
<br/>
~~~
為防止APP運行過程中內容滾動出現卡頓的現象,所以部分頁面我們采用頭部和內容分離的形式進行實現,
比如頭部導航和底部導航 ,簡單的說為了防止app卡頓我們將2個頁面拼成了一個頁面,向下面這樣,一般
使用子頁面的場景:當前頁面中如果需要下拉刷新和上拉加載,這個時候需要創建子頁面,其他頁面不需要。
~~~
<br/>

<br/>
~~~
寫法:
mui.init({
subpages:[{
url:your-subpage-url, // 子頁面HTML地址,支持本地地址和網絡地址
id:your-subpage-id, // 子頁面標志
styles:{
top:subpage-top-position, // 子頁面頂部位置
buttom:subpage-buttom-position, // 子頁面底部位置
width:subpage-width, // 子頁面寬度,默認為100%
height:subpage-height , // 子頁面高度,默認為100%
......
},
extras:{
name:"托尼" // 頁面傳參
} // 額外擴展參數
}]
});
參數說明:
1. url是你要跳轉的頁面的url
2. id為頁面的唯一標示
3. styles可以設置頁面的寬高位置
4.extras{}可以向子頁面傳遞參數,達到頁面之間傳值
~~~