/
Gerz
/
WebDbfShow
Обзор
Документация
Войти
/
Gerz
/
WebDbfShow
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
client/src/components/TopMenu.vue
58 строк
1 KB
usilgtfoms
Add meta tag for SEO
17 июл 2023, 12:52
17 июл 2023, 12:52
a5a09dc
Код
Авторство
О чём код?
<script setup> import { useRouter } from "vue-router"; const router = useRouter(); </script> <template> <nav class="menu"> <ul class="menu-list"> <li class="menu-item"><router-link to="/">Главная</router-link></li> <li class="menu-item"><router-link to="/history">История dbf</router-link></li> <li class="menu-item"><router-link to="/formats">Формат dbf</router-link></li> <li class="menu-item"><router-link to="/programms">Чем открыть</router-link></li> <li class="menu-item special"><router-link to="/dbfshow">Онлайн</router-link></li> <!--<li class="menu-item"><router-link to="/about">О нас</router-link></li>--> </ul> </nav> </template> <style> .menu { display: flex; justify-content: center; align-items: center; padding: 8px; background-color: black; } .menu-list { list-style: none; display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; } .menu-item { margin: 0 10px; cursor: pointer; font-size: 16px; } .menu-item.special { font-size: 20px; } .menu-item.special > a { color: greenyellow; } .menu-item > a { color: #c7c7c7; } a.router-link-active, li.router-link-active > a { color: white; font-weight: bold; } </style>