DataFront/components/tools/qqazk/QqazkTop.vue

29 lines
811 B
Vue

<script setup lang="ts">
const route = useRoute()
</script>
<template>
<Title>笔顺码字典</Title>
<client-only>
<el-menu
:default-active="route.path"
class="el-menu-demo"
mode="horizontal"
:ellipsis="false"
:router="true"
>
<el-menu-item index="/tools/qqazk">笔顺码字典</el-menu-item>
<div class="flex-grow" />
<el-menu-item index="/tools/qqazk/about">关于</el-menu-item>
<el-menu-item v-if="route.path=='/tools/qqazk/search'" index="/tools/qqazk/search">搜索</el-menu-item>
<el-menu-item v-if="route.path.startsWith('/tools/qqazk/details')" index="" style="color: var(--el-menu-active-color)">结果</el-menu-item>
</el-menu>
</client-only>
</template>
<style scoped>
a{
text-decoration: none;
}
</style>