CondorNav

CondorNav 是一个标签式导航切换组件，自带滑动指示器动画效果。适合做顶部 tab 切换、分类筛选等场景。

组件 Props

参数名	类型	默认值	说明
list	{ label: any, value: string / number / boolean }[]	-	必需 导航项列表
index	number	0	默认选中的索引

组件事件

事件名	说明	参数
change	切换导航项时触发	(index: number, item: { label, value })

基本用法

<template>
  <CondorNav :list="navList" :index="0" @change="handleNavChange" />
</template>

<script setup lang="ts">
import { ref } from 'vue';

const navList = [
  { label: '全部', value: 'all' },
  { label: '进行中', value: 'active' },
  { label: '已完成', value: 'done' }
];

const handleNavChange = (index: number, item: { label: string, value: string }) => {
  console.log('切换到:', item.value);
};
</script>

导航指示器颜色取自当前主题色 themeStore.themeColor，支持暗黑模式。label 支持国际化对象，通过 getValueByLocale 自动解析。