ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
[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{}可以向子页面传递参数,达到页面之间传值 ~~~