饿了么 选项卡样式修改

默认：

 修改后：

 代码段：

html：

<div class="jp_tabsCardBox">
            <el-tabs v-model="activeName" type="card">
                <el-tab-pane label="产品信息" name="first"></el-tab-pane>
                <el-tab-pane label="审核信息" name="second"></el-tab-pane>
            </el-tabs>
            <showCheckInfo :id="activeName"/>
        </div>

css：

.jp_tabsCardBox{
margin-left: 10px;
margin-top: 20px;}

.jp_tabsCardBox .el-tabs--card>.el-tabs__header{
height: 46px;
border-bottom: 1px solid #F04A4A;
background: #EFF3F7;
border-radius: 8px 0px 0px 0px !important;}

.jp_tabsCardBox .el-tabs--card>.el-tabs__header .el-tabs__nav-wrap{height: 100%;}

.jp_tabsCardBox .el-tabs--card>.el-tabs__header .el-tabs__nav-wrap .el-tabs__nav-scroll{height: 100%;}

.jp_tabsCardBox .el-tabs--card>.el-tabs__header .el-tabs__nav{height: 100%;border: none;}

.jp_tabsCardBox .el-tabs--card>.el-tabs__header .el-tabs__item.is-top{height: 100%;color: #3B3A3A !important;border-left: none;}

.jp_tabsCardBox .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{height: 100%;border-bottom-color:#F04A4A;border-radius: 8px 8px 0px 0px;background: #F04A4A;color: #FFFFFF !important;}