chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

refactor: side menu btn

Browse source
This commit is contained in:
puriphatt 2024-09-18 11:42:34 +07:00
parent 26b6c07368
commit 96fe308220
1 changed files with 3 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/SideMenu.vue
View file

@ -9,6 +9,7 @@ type Menu = {
name: string; name: string;
sub?: boolean; sub?: boolean;
tab?: string; tab?: string;
useBtn?: boolean;
}; };
const props = defineProps<{ const props = defineProps<{
@ -86,7 +87,7 @@ onUnmounted(() => {
'--side-menu__fg-active': active?.foreground, '--side-menu__fg-active': active?.foreground,
'--side-menu__bg-active': active?.background, '--side-menu__bg-active': active?.background,
}" }"
class="side-menu__item" class="side-menu__item row items-center justify-between no-wrap"
:class="{ :class="{
'side-menu__active': activeMenu === v.anchor, 'side-menu__active': activeMenu === v.anchor,
'side-menu__sub': v.sub || false, 'side-menu__sub': v.sub || false,
@ -94,6 +95,7 @@ onUnmounted(() => {
@click="handleClick(v)" @click="handleClick(v)"
> >
{{ v.name }} {{ v.name }}
<slot v-if="v.useBtn" :name="`btn-${v.anchor}`"></slot>
</span> </span>
</template> </template>
</div> </div>