添加列表激活图标

This commit is contained in:
lyswhut
2022-11-14 20:22:35 +08:00
parent e79f8b357c
commit ab37817d26
7 changed files with 114 additions and 6 deletions
+9
View File
@@ -8,6 +8,9 @@
role="tab" :aria-selected="avtiveComponentName == h2.id"
:aria-label="h2.title" ignore-tip @click="toggleTab(h2.id)"
>
<transition name="list-active">
<svg-icon v-if="avtiveComponentName == h2.id" name="angle-right-solid" :class="$style.activeIcon" />
</transition>
{{ h2.title }}
</h2>
<!-- <ul v-if="h2.children.length" :class="$style.tocList">
@@ -202,6 +205,12 @@ export default {
color: var(--color-primary);
}
}
.activeIcon {
height: .9em;
width: .9em;
margin-left: -0.45em;
vertical-align: -0.05em;
}
// .tocH3 {
// font-size: 13px;
// opacity: .8;