Форматирование кода и настройка типов для isSuccess
This commit is contained in:
+9
-18
@@ -129,13 +129,8 @@ function handleDownloadBtn() {
|
|||||||
<template>
|
<template>
|
||||||
<div class="wraper">
|
<div class="wraper">
|
||||||
<div class="grid">
|
<div class="grid">
|
||||||
<div
|
<div class="square" v-for="(item, index) in numbers" :data-key="index" :key="index"
|
||||||
class="square"
|
@click="setNumber(item)">
|
||||||
v-for="(item, index) in numbers"
|
|
||||||
:data-key="index"
|
|
||||||
:key="index"
|
|
||||||
@click="setNumber(item)"
|
|
||||||
>
|
|
||||||
{{ numbers[index].variable.join(", ") }}
|
{{ numbers[index].variable.join(", ") }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -149,12 +144,8 @@ function handleDownloadBtn() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<MyDialog
|
<MyDialog v-show="isModalVisible" @close="isModalVisible = false" class="dialogWindow"
|
||||||
v-show="isModalVisible"
|
:is-success=Boolean(listOfTrips.length)>
|
||||||
@close="isModalVisible = false"
|
|
||||||
class="dialogWindow"
|
|
||||||
:is-success=listOfTrips.length
|
|
||||||
>
|
|
||||||
<template #header>
|
<template #header>
|
||||||
<strong v-if="listOfTrips.length">Код готов!</strong>
|
<strong v-if="listOfTrips.length">Код готов!</strong>
|
||||||
<strong v-else>Код не готов!</strong>
|
<strong v-else>Код не готов!</strong>
|
||||||
@@ -165,9 +156,9 @@ function handleDownloadBtn() {
|
|||||||
</template>
|
</template>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<div v-if="listOfTrips.length">
|
<div v-if="listOfTrips.length">
|
||||||
<button type="button" @click="handleDownloadBtn">Скачать код</button>
|
<button @click="handleDownloadBtn">Скачать код</button>
|
||||||
<button type="button" @click="copyAndToast(finallyText)">Скопировать код</button>
|
<button @click="copyAndToast(finallyText)">Скопировать код</button>
|
||||||
<button type="button" @click="isModalVisible = false">ОК</button>
|
<button @click="isModalVisible = false">ОК</button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</MyDialog>
|
</MyDialog>
|
||||||
@@ -196,8 +187,8 @@ html {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.square {
|
.square {
|
||||||
width: var(--side); /* Ширина квадрата */
|
width: var(--side);
|
||||||
height: var(--side); /* Высота квадрата */
|
height: var(--side);
|
||||||
background-image: url("images/image.jpg");
|
background-image: url("images/image.jpg");
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
border: 3px solid rgb(251, 251, 251);
|
border: 3px solid rgb(251, 251, 251);
|
||||||
|
|||||||
Reference in New Issue
Block a user