42 lines
990 B
Vue
42 lines
990 B
Vue
|
<template>
|
||
|
|
<ul class="navbar-nav me-auto">
|
||
|
|
<template v-for="item in items">
|
||
|
|
<li class="nav-item">
|
||
|
|
<router-link
|
||
|
|
:to="{ name: item.route }"
|
||
|
|
active-class="active"
|
||
|
|
class="nav-link text-auto"
|
||
|
|
>
|
||
|
|
{{ item.name }}
|
||
|
|
</router-link>
|
||
|
|
</li>
|
||
|
|
</template>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<!-- Right Side Of Navbar -->
|
||
|
|
<ul class="navbar-nav ms-auto">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a
|
||
|
|
class="nav-link text-auto"
|
||
|
|
href="https://wiki.laecloud.com/PortIO"
|
||
|
|
target="_blank"
|
||
|
|
>文档</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link text-auto" href="/auth/logout">退出登录</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup>
|
||
|
|
import {ref} from "vue";
|
||
|
|
|
||
|
|
const items = ref([
|
||
|
|
{
|
||
|
|
name: "首页",
|
||
|
|
route: "index",
|
||
|
|
},
|
||
|
|
|
||
|
|
]);
|
||
|
|
|
||
|
|
</script>
|