.arco-tabs-nav-type-card-gutter .arco-tabs-tab-active, .arco-tabs-nav-type-card-gutter .arco-tabs-tab-active:hover 在vue深度选中
时间: 2023-07-08 09:49:04 浏览: 212
Vue中的深度作用选择器/deep/
这段代码在 Vue 中使用时,可以通过将其添加到组件的样式中来实现选项卡的深度选中效果。具体来说,可以将该代码添加到 Vue 组件的 `<style>` 标签内,如下所示:
```
<template>
<div>
<!-- 这里是选项卡组件的代码 -->
</div>
</template>
<style>
.arco-tabs-nav-type-card-gutter .arco-tabs-tab-active,
.arco-tabs-nav-type-card-gutter .arco-tabs-tab-active:hover {
/* 在这里添加选项卡深度选中时需要的样式 */
}
</style>
```
需要注意的是,`.arco-tabs-nav-type-card-gutter` 和 `.arco-tabs-tab-active` 这两个类名可能需要根据实际使用的组件库进行修改,以确保样式的正确应用。
阅读全文