前  言 

10年積累的網(wǎng)站制作、成都網(wǎng)站制作經(jīng)驗(yàn)，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有潘集免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

MUI是一款最接近原生APP體驗(yàn)的高性能前端框架，它的比較重要的功能是：下拉刷新、側(cè)滑導(dǎo)航、滑動觸發(fā)操作菜單和頂部(底部)選項(xiàng)卡等

最近用MUI做手機(jī)app應(yīng)用的時候，遇到的小bug。順便研究了一下這個tab-top-webview-main，這里給大家分享一下。

1主頁代碼

  
    
    
    
    
    
  
  
    
我是div1,下面是插入的子頁面
 
  
  
  

2子頁代碼

  
    
    
    
    
    
    
  
  
    

      

        

          

            
              推薦
            
            
              熱點(diǎn)
            
          
        
      
    
    
    
    
  

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、子頁選項(xiàng)卡的超鏈接a的data-wid=""屬性需要設(shè)置為對應(yīng)子頁選項(xiàng)卡路徑。

              推薦

2、這里，new webviewGroup("tab-top-webview-main.html",{})  第一個參數(shù)需要傳入一個頁面的id。需要注意的是，這個頁面id 就是我們包含頂部選項(xiàng)卡的頁面，也就是當(dāng)前我們這段js所在的頁面

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

3、 items數(shù)組中傳入的是子頁對應(yīng)選項(xiàng)卡該導(dǎo)入的子頁面的id，有幾個子頁就添加幾個子頁，中間用逗號分隔

大家如果還有別的需求，可以去MUI網(wǎng)站上查找?guī)椭臋n  http://dev.dcloud.net.cn/mui/，還有很多小功能，我會陸續(xù)更新的~~~

總結(jié)

以上所述是小編個大家介紹的MUI頂部選項(xiàng)卡的用法(tab-top-webview-main)詳解，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！