MUI顶部选项卡的用法(tab

MUI顶部选项卡的用法(tab

前  言

MUI是一款最接近原生APP体验的高性能前端框架，它的比较重要的功能是：下拉刷新、侧滑导航、滑动触发操作菜单和顶部(底部)选项卡等

最近用MUI做手机app应用的时候，遇到的小bug。顺便研究了一下这个tab-top-webview-main，这里给大家分享一下。

1主页代码

2子页代码

推荐

热点

3代码解释

var group = new webviewGroup("tab-top-webview-main.html", {

items: [{

id: "tab-top-subpage-1.html", //这是子页1的路径

url: "tab-top-subpage-1.html",

extras: {}

}, {

id: "tab-top-subpage-2.html", //这是子页2的路径

url: "tab-top-subpage-2.html",

extras: {}

}]

})

1、子页选项卡的超链接a的data-wid=""属性需要设置为对应子页选项卡路径。

推荐

</a>

2、这里，new webviewGroup("tab-top-webview-main.html",{})  第一个参数需要传入一个页面的id。需要注意的是，这个页面id 就是我们包含顶部选项卡的页面，也就是当前我们这段js所在的页面

new webviewGroup("tab-top-webview-main.html", {}

3、 items数组中传入的是子页对应选项卡该导入的子页面的id，有几个子页就添加几个子页，中间用逗号分隔

大家如果还有KRPhru别的需求，可以去MUI网站上查找帮助文档  http://dev.dcloud.net.cn/mui/，还有很多小功能，我会陆续更新的~~~

总结

以上所述是个大家介绍的MUI顶部选项卡的用法(tab-top-webview-main)详解，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，会及时回复大家的！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。