一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

Vue.js组件tab实现选项卡切换

时间:2017-06-07 编辑:简简单单 来源:一聚教程网

效果图:

代码如下:

 

 代码如下 复制代码

 

 Document

 

 *{padding: 0;margin: 0}

 #app{

  width: 500px;height: 300px;margin: 0 auto;background-color: #ddd;

 }

 .top{

  height: 50px;line-height: 50px;width: 100%;background-color: #999;

 }

 .top ul li{display: inline-block;margin:0 10px;}

 .top ul li a{text-decoration: none;color: white;}

 .bottom{

 

 }

 

 

 

  

      

  • {{tab01Text}}
  •   

  • {{tab02Text}}
  •   

  • {{tab03Text}}
  •   

 

 

  

 

 

 

 

 

热门栏目