|
|
|
@ -2,9 +2,9 @@ |
|
|
|
|
|
|
|
|
|
|
|
## Клиника ухо, горло, нос им. проф. Е.Н.Оленевой |
|
|
|
## Клиника ухо, горло, нос им. проф. Е.Н.Оленевой |
|
|
|
|
|
|
|
|
|
|
|
**Версия контекста:** 4.0 |
|
|
|
**Версия контекста:** 4.1 |
|
|
|
**Дата обновления:** 2026-03-22 |
|
|
|
**Дата обновления:** 2026-03-22 |
|
|
|
**Актуальный спринт:** Sprint 4 |
|
|
|
**Актуальный спринт:** Sprint 5 |
|
|
|
**Сайт клиники:** https://oclinica.ru |
|
|
|
**Сайт клиники:** https://oclinica.ru |
|
|
|
**Брендбук (локально):** http://localhost:3001 |
|
|
|
**Брендбук (локально):** http://localhost:3001 |
|
|
|
**Брендбук (production):** https://web-oclinica.vercel.app |
|
|
|
**Брендбук (production):** https://web-oclinica.vercel.app |
|
|
|
@ -384,6 +384,34 @@ CSS-классы в `globals.css`. Компонент: `@/components/ui/Button` |
|
|
|
|
|
|
|
|
|
|
|
--- |
|
|
|
--- |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 9b. Карточки, бейджи и алерты (Sprint 4) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### Карточки · `/components/cards` |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| Карточка | Размеры ключевые | Источник на сайте | Фон / hover | |
|
|
|
|
|
|
|
|-------------|-------------------------|------------------------------------------------|--------------------------| |
|
|
|
|
|
|
|
| DoctorCard | фото 110×160px | `.doctor .image` + `.doctor .item` | #fff / — | |
|
|
|
|
|
|
|
| NewsCard | preview h=144px | `#block-views-last-news-block-1 .views-column` | #fff / **#eef4d1** + shadow | |
|
|
|
|
|
|
|
| ReviewCard | 4-строчный clamp | `.node-reviews` | **#eef4d1** / — | |
|
|
|
|
|
|
|
| PriceCard | flex row: name + price | `.field-name-field-price-priem` | #fff / highlighted: #f0f9ff | |
|
|
|
|
|
|
|
| ServiceCard | иконка 48×48px | — (нет прямого аналога) | #fff / shadow | |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
**DoctorCard:** фото 110×160px (placeholder фон `#dff0fa`), кнопка `.bb-btn-outline .bb-btn-sm` |
|
|
|
|
|
|
|
**NewsCard hover CSS:** `background: #eef4d1; box-shadow: 0 0 16px 0 #9e9e9a;` — взят с реального сайта |
|
|
|
|
|
|
|
**ReviewCard:** звёзды SVG, заливка `#f59e0b`, `WebkitLineClamp: 4` |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### Бейджи, теги, алерты |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| Элемент | Варианты | Применение | |
|
|
|
|
|
|
|
|---------|----------|------------| |
|
|
|
|
|
|
|
| Badge | primary (#0089c3) / success (#059669) / warning (#d97706) / danger (#dc2626) / neutral (#6b7280) | Статус врача, категория, акция | |
|
|
|
|
|
|
|
| Tag | default (border) / active (brand bg) | Фильтры, категории услуг | |
|
|
|
|
|
|
|
| Alert | info (#dff0fa/#075985) / success (#d1fae5/#065f46) / warning (#fef3c7/#92400e) / error (#fee2e2/#991b1b) | Системные сообщения | |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
**CSS класс hover:** `.bb-news-card:hover` в globals.css |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
--- |
|
|
|
|
|
|
|
|
|
|
|
## 10. Технический стек проекта |
|
|
|
## 10. Технический стек проекта |
|
|
|
|
|
|
|
|
|
|
|
| Слой | Технология | Версия | |
|
|
|
| Слой | Технология | Версия | |
|
|
|
@ -407,7 +435,8 @@ CSS-классы в `globals.css`. Компонент: `@/components/ui/Button` |
|
|
|
| 2.0 | 2026-03-22 | Sprint 2: типографика, оффлайн носители, цвета сайта (8 цветов) | |
|
|
|
| 2.0 | 2026-03-22 | Sprint 2: типографика, оффлайн носители, цвета сайта (8 цветов) | |
|
|
|
| 2.1 | 2026-03-22 | Sprint 2 доп.: +3 цвета сайта (коралловый, светло-жёлтый, светло-зелёный) | |
|
|
|
| 2.1 | 2026-03-22 | Sprint 2 доп.: +3 цвета сайта (коралловый, светло-жёлтый, светло-зелёный) | |
|
|
|
| 3.0 | 2026-03-22 | Sprint 3: кнопки (Button), форм-контролы (Input/Textarea/Select/Checkbox/Radio/Toggle), LLM-блок на логотипе | |
|
|
|
| 3.0 | 2026-03-22 | Sprint 3: кнопки (Button), форм-контролы (Input/Textarea/Select/Checkbox/Radio/Toggle), LLM-блок на логотипе | |
|
|
|
| 4.0 | 2026-03-22 | Sprint 4 start: исправлены цвета Oracal (точные RGB из каталога), кнопки/формы по реальному сайту, Sprint 4 в планах | |
|
|
|
| 4.0 | 2026-03-22 | Sprint 4 start: исправлены цвета Oracal (точные RGB из каталога), кнопки/формы по реальному сайту | |
|
|
|
|
|
|
|
| 4.1 | 2026-03-22 | Sprint 4 done: карточки (DoctorCard/NewsCard/ReviewCard/PriceCard/ServiceCard), бейджи/теги/алерты | |
|
|
|
|
|
|
|
|
|
|
|
--- |
|
|
|
--- |
|
|
|
|
|
|
|
|
|
|
|
|