/
solj
/
Bitrixvue3jsApplication
Обзор
Документация
Войти
/
solj
/
Bitrixvue3jsApplication
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
src/components/common/Modal.js
28 строк
999 B
AEGabrielyan
first commit
25 июл 2025, 08:12
25 июл 2025, 08:12
d658fed
Код
Авторство
О чём код?
import { defineComponent } from "ui.vue3"; import { useModalStore } from "../../stores/modal"; export default defineComponent({ name: 'Modal', setup() { const modal = useModalStore(); return { modal }; }, template: ` <transition name="fade"> <div v-if="modal.isOpen" class="modal-overlay" @click.self="modal.close"> <div class="modal-content position-relative"> <button class="btn btn-close position-absolute top-0 end-0 m-3" @click="modal.close" aria-label="Закрыть"> Закрыть </button> <!-- Тут будет подключитсья любой динамический компонент --> <component :is="modal.component" v-bind="modal.props" /> </div> </div> </transition> ` });