1. Добавить формы Form и компонент таблиц Table;
2. Добавить компонент кнопок;
3. Основную страницу разметку;
4. Исправить проблему с отсутствием реакции Nav навигации;
5. Исправить проблему с динамической загрузкой маршрутов и ошибкой 404.
# Добавление компонента Nav для навигации
Для добавления компонента Nav и обработки события правого клика мыши выполните следующие шаги:
1. Создайте компонент Nav.
2. Добавьте обработчик события `onContextMenu` для обработки правого клика мыши.
Пример кода:
```html
<nav>
<ul>
<li>Главная</li>
<li>О нас</li>
<li>Контакты</li>
</ul>
</nav>
<script>
document.querySelector('nav').addEventListener('contextmenu', function(event) {
event.preventDefault();
console.log('Правый клик мыши');
});
</script>
```
Этот код создает простую навигацию и добавляет обработчик события для предотвращения отображения стандартного контекстного меню браузера.
## Пример использования
```html
<nav>
<ul>
<li>Главная</li>
<li>О нас</li>
<li>Контакты</li>
</ul>
</nav>
<script>
document.querySelector('nav').addEventListener('contextmenu', function(event) {
event.preventDefault();
console.log('Правый клик мыши');
});
</script>
```
Этот пример демонстрирует, как можно добавить компонент Nav и обработать событие правого клика мыши.
1. Добавить компонент кнопки DropdownButton и DrawerButton
2. Увеличить количество компонентов меню (реализация динамических маршрутов)
3. Добавить компонент навигации Nav (и связать его с компонентом меню)
4. Добавить компонент обоев
5. Добавить компонент аутентификации с помощью третьих сторон
6. Реализовать компонент разметки
7. Реализовать компонент конфигурации темы
Логин статической страницы разметка, реализация
## Компоненты вторичной обёртки (на основе ElementPlus)
1. Компонент логотипа
2. Компонент иконок
3. Комбинация XXX+Button {
TooltipButton,
DropdownButton
}
1. Введение UI-фреймворка Element Plus
2. Введение UnoCSS
3. Введение анимаций Animate
4. Введение библиотеки иконок (ByteDance/Ali)
1. Переменные окружения
2. Конфигурация псевдонимов
3. Проверка кода ESLint
4. Предварительная обработка CSS
5. Pinia
6. Router
7. axios
8. Международная локализация i18n
