这篇文章将为大家详细讲解有关MUI顶部选项卡怎么用，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

我们提供的服务有：成都网站建设、网站建设、微信公众号开发、网站优化、网站认证、郑州ssl等。为上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的郑州网站制作公司

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

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

1主页代码

    
        
        
        
        
        
    
    
        
我是p1,下面是插入的子页面
  
        
    
    
    

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=""属性需要设置为对应子页选项卡路径。

                            推荐

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

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

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

关于MUI顶部选项卡怎么用就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

当前文章：MUI顶部选项卡怎么用
本文来源：http://njwzjz.com/article/ggpcjo.html