添加列表激活图标

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
@@ -5,7 +5,12 @@
:key="item.id" :class="[$style.listsItem, { [$style.active]: item.id == boardId }, { [$style.clicked]: rightClickItemIndex == index }]"
:aria-label="item.name" @click="handleToggleList(item.id)" @contextmenu="handleRigthClick($event, index)"
>
<span :class="$style.listsLabel">{{ item.name }}</span>
<span :class="$style.listsLabel">
<transition name="list-active">
<svg-icon v-if="item.id == boardId" name="angle-right-solid" :class="$style.activeIcon" />
</transition>
{{ item.name }}
</span>
</li>
</ul>
<base-menu
@@ -122,6 +127,12 @@ defineExpose({ hideMenu: handleMenuClick })
}
}
}
.activeIcon {
height: .9em;
width: .9em;
margin-left: -0.45em;
vertical-align: -0.05em;
}
.listsLabel {
display: block;
height: 100%;