<label for="openclose" id="button">Открыть</label>
<input type="checkbox" id="openclose">
<div class="modal-wrapper">
<div class="modal">
<label for="openclose">×</label>
</div>
</div>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
background-color: #ddd;
padding: 16px;
}
.modal-wrapper {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, .2);
display: flex;
}
.modal {
width: 40vw;
height: 40vh;
background-color: white;
margin: auto;
border-radius: 4px;
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
position: relative;
}
.modal label {
position: absolute;
right: 0;
top: 0;
font-size: 200%;
width: 1em;
height: 1em;
line-height: 1;
text-align: center;
cursor: pointer;
}
.modal label:hover {
color: blue;
}
#openclose,
.modal-wrapper {
display: none;
}
#openclose:checked~.modal-wrapper {
display: flex;
}
#button {
color: blue;
text-decoration: underline;
cursor: pointer;
}
Не обязателен Vue.js для реализации данной функции, достаточно и базовых ресурсов, кто знает, на чём у клиентсайд проекта сделанаЧитай документацию Vue Там все есть https://ru.vuejs.org/
У него vue. Создавал тему до этой)Не обязателен Vue.js для реализации данной функции, достаточно и базовых ресурсов, кто знает, на чём у клиентсайд проекта сделана
Понял, вопросов нет, зря быканул)У него vue. Создавал тему до этой)
Не зря быканул. Это уже другой файл тут нет vueПонял, вопросов нет, зря быканул)
Ну ктож знал) тогда надо подробнее описать) какая менюшка. А то сиди гадай что же там закрыть надо)Не зря быканул. Это уже другой файл тут нет vue
Да меню я сам уже сделал осталось понять как его закрывать по сути это как меню репорта на редагеНу ктож знал) тогда надо подробнее описать) какая менюшка. А то сиди гадай что же там закрыть надо)