tab-container
面板,可切換顯示子頁面库正。
常與navbar曲楚、tabbar結(jié)合使用
按需引入:
import { TabContainer, TabContainerItem } from 'mint-ui';
Vue.component(TabContainer.name, TabContainer);
Vue.component(TabContainerItem.name, TabContainerItem);
全局導入:全局導入后不用再導入
importMintfrom'mint-ui'
import'mint-ui/lib/style.css'
Vue.use(Mint);
[html]?view plain?copy
??
??
??
tab?1??
tab?2??
tab?3??
??
??
??
??
??
??
??
??
??
export?default?{??
??name:?'page-tab-container',??
??data()?{??
????return?{??
??????active:?'tab-container1'??
????};??
??}??
};??
??
??.item?{??
????display:?inline-block;??
??}??
??.nav?{??
????padding:?10px;??
??}??
??.link?{??
????color:?inherit;??
????padding:?20px;??
????display:?block;??
??}??
show: