Ремонт и стройка
Калькулятор сметы: площадь × тип ремонта × опции → цена и срок
Калькулятор сметы ремонта: ползунок площади с делениями-рулеткой, три типа ремонта сегментами с ценой за м², опции чипами с надбавкой за м² или фиксированной суммой. Справа лист сметы с рамкой: строки расчёта, итог и срок в неделях докручиваются до нового значения через requestAnimationFrame, недели рисуются клетками, номер сметы считается из выбранного. Кнопка «Сохранить смету» шлёт в window CustomEvent с деталями — форма заявки на той же странице может прикрепить смету.
Что можно поменять
- eyebrow, title, lede, fine, currency
- minArea, maxArea, defaultArea; types: id, name, rate, baseWeeks, weeksPer10, note; defaultType
- options: id, name, perM2, fixed, weeks; defaultOptions; saveLabel, savedLabel, eventName
Ссылка для ИИ-агента: в ней превью, код и инструкция.
Превью
Использовать с ИИ
- 1. Скопируйте ссылку.
- 2. Напишите агенту своими словами и вставьте её в предложение.
- 3. Агент откроет ссылку и поставит компонент из реестра.
добавь это на главную первым экраном:
https://vibeui.ru/c/renovation-001?theme=dark
Не знаете, куда вставить? Пошаговый гайд
Показать полную инструкцию
То, что лежит по ссылке в развёрнутом виде. Нужна, если агент не может открыть ссылку — тогда вставьте этот текст целиком.
Загружается…
Для разработчика
Команда установки — в блоке «Исходник компонента» ниже: подписанная ссылка действует сутки.
Теги
- calculator
- estimate
- renovation
- construction
- pricing
- slider
- range
- options
- chips
- weeks
- custom event
- interactive
Исходник компонента
Тот же файл, который поставит агент. Нужен, если вы предпочитаете скопировать код руками.
Загружается…