<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<style type="text/css">
*{padding: 0;margin: 0}
#tabemplyee{
width: 800px;height: 300px;margin: 0 auto; background-color: #ddd;
}
.e_tab{
height: 100%;line-height: 50px;background-color: #999;padding: 0;
}
.e_tab ul li{ display:block;margin:10px 0; width:100%;text-align: center;color: #fff; cursor: pointer;}
.e_tab ul li a{text-decoration: none;color: #fff;}
.e_tab_bd{ margin: 3%;}
.active{
background-color: #337ab7;
border-radius: 4px;
}
/*切换动画*/
.fade-transition {
transition: opacity 0.3s ease;
}
.fade-enter,
.fade-leave {
opacity: 0;
}
.
vuejs实现的的竖向tab选项卡
最新推荐文章于 2024-05-08 12:36:30 发布