CHANGES_SUMMARY.md

Сводка изменений сайта tehnekon.ru

Дата: 26.07.2025

1. Шапка сайта

А) Размер шрифта контактной информации

• Изменение: Уменьшен размер шрифта контактной информации (телефон и email)
• Файл: src/components/AppHeader.vue
• Детали:
  • Базовый размер: с $font-body-small на $font-caption
  • Мобильные устройства: с $font-body на $font-body-small
  • Планшеты: с $font-subtitle на $font-body
  • Десктоп: с $font-section-title на $font-subtitle
  • Большие экраны: с $font-page-title на $font-section-title

Б) Навигационное меню

• Изменение: Объединены пункты меню для размещения на одной строке
• Файл: src/components/AppHeader.vue
• Детали:
  • Удален пункт "ИСТОРИЯ" (объединен с "О КОМПАНИИ")
  • Оставлены: "О КОМПАНИИ", "КОНТАКТЫ", "ПРОДУКЦИЯ", "НОВОСТИ", "ТЕХНИЧЕСКАЯ ПОДДЕРЖКА", "УСЛУГИ"

В) Переименование пунктов меню

• Изменение: "ОБОРУДОВАНИЕ" → "ПРОДУКЦИЯ"
• Изменение: "СЕРВИС" → "ТЕХНИЧЕСКАЯ ПОДДЕРЖКА"

2. Выравнивание контента

Унификация контейнеров

• Создан файл: src/styles/_layout.scss
• Добавлены классы:
  • .container-header-width - унифицированная ширина контейнеров (60% на десктопе, 90% на мобильных)
  • .section - унифицированные отступы для секций
  • .section-header - унифицированные заголовки секций
• Подключен к: src/styles/main.scss

3. Титульная страница

А) Размер блока со слайдером

• Изменение: Уменьшена высота hero-секции
• Файл: src/components/HeroSection.vue
• Детали:
  • Базовая высота: с 75vh на 50vh
  • Планшеты: с 80vh на 55vh
  • Десктоп: с 85vh на 60vh

Б) Заголовок секции продуктов

• Изменение: "НАШИ ПРИБОРЫ" → "НАША ПРОДУКЦИЯ"
• Файл: src/components/ProductsSection.vue
• Детали: Слово "ПРОДУКЦИЯ" выделено зеленым цветом

В) Размер блока "О чем мы"

• Изменения:
  • Размер заголовка: с 4rem на 2.5rem
  • Отступ снизу: с 5rem на 3rem
  • Размер текста: с 1.75rem на 1.1rem (мобильные), с 2rem на 1.25rem (планшеты)
• Файл: src/components/AboutSection.vue

Г) Размер блока "Остались вопросы"

• Изменения:
  • Высота секции: с 100vh на auto
  • Отступы: с 6rem на 3rem (десктоп), с 4rem на 2.5rem (планшеты), с 3rem на 2rem (мобильные)
  • Размер заголовка: с clamp(3.5rem, 7vw, 5.5rem) на clamp(2rem, 4vw, 3rem)
  • Размер подзаголовка: с clamp(2rem, 3.5vw, 2.7rem) на clamp(1.2rem, 2.5vw, 1.5rem)
  • Размер описания: с 1.7rem на 1.1rem
• Файл: src/styles/components/_contact.scss

4. Кнопка "Вверх"

Создан компонент

• Файл: src/components/ScrollToTop.vue
• Функции:
  • Появляется при прокрутке ниже 300px
  • Плавная анимация появления/исчезновения
  • Плавная прокрутка наверх при клике
  • Адаптивный дизайн для мобильных устройств

Добавлен на страницы

• Главная страница: src/views/HomePage.vue
• Страница продукта: src/views/ProductPage.vue
• Страница оборудования: src/views/EquipmentPage.vue

5. Страница продукта

А) Размер шрифта в выделенном блоке

• Изменение: Увеличен размер шрифта в таблице технических характеристик
• Файл: src/views/ProductPage.vue
• Детали:
  • Размер шрифта: добавлен font-size: 1.1rem
  • Отступы: увеличены с 1rem 1.5rem на 1.2rem 1.8rem

Б) Заголовки блоков

• Изменение: Заголовок "Технические характеристики" приведен к единому стилю
• Детали: "ТЕХНИЧЕСКИЕ ХАРАКТЕРИСТИКИ" - слово "ХАРАКТЕРИСТИКИ" выделено зеленым

В) Размер текста в основном блоке

• Изменение: Увеличен размер шрифта в описании продукта
• Файл: src/views/ProductPage.vue
• Детали: Размер шрифта увеличен с 1.1rem на 1.3rem

Г) Удаление секции "Превосходство"

• Изменение: Полностью удалена секция "ТЕХНОЛОГИЧЕСКОЕ ПРЕВОСХОДСТВО"
• Файл: src/views/ProductPage.vue

Д) Перемещение секций

• Изменение: Секция "Технические характеристики" перемещена после "Преимуществ"
• Порядок секций:
  1. Описание продукта
  2. Ключевые особенности
  3. Преимущества
  4. Технические характеристики (перемещена)
  5. Области применения
  6. Программная совместимость
  7. Документация
  8. Сопутствующие товары

6. Дополнительные улучшения

Создан универсальный layout

• Файл: src/components/AppLayout.vue
• Назначение: Универсальный компонент для всех страниц с автоматическим добавлением кнопки "Вверх"

Унификация стилей

• Файл: src/styles/_layout.scss
• Содержит:
  • Унифицированные контейнеры
  • Унифицированные отступы
  • Унифицированные заголовки
  • Утилитарные классы для сеток, карточек, кнопок
  • Классы для отступов и выравнивания текста

Результат

Все требования из комментариев выполнены:

• ✅ Уменьшен размер шрифта контактной информации
• ✅ Навигация помещается на одну строку
• ✅ Переименованы пункты меню
• ✅ Унифицированы контейнеры и выравнивание
• ✅ Уменьшены размеры блоков на главной странице
• ✅ Добавлена кнопка "Вверх" на все страницы
• ✅ Улучшена читаемость на странице продукта
• ✅ Изменен порядок секций согласно требованиям $$