[TOC]
>[success] # 创建子页面
<br/>
~~~
为防止APP运行过程中内容滚动出现卡顿的现象,所以部分页面我们采用头部和内容分离的形式进行实现,
比如头部导航和底部导航 ,简单的说为了防止app卡顿我们将2个页面拼成了一个页面,向下面这样,一般
使用子页面的场景:当前页面中如果需要下拉刷新和上拉加载,这个时候需要创建子页面,其他页面不需要。
~~~
<br/>
![](https://box.kancloud.cn/864785b45c65913942d008bd6b60f949_531x390.png)
<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{}可以向子页面传递参数,达到页面之间传值
~~~