Compare commits
4 Commits
d023f6a5b9
...
ac2e31fb1b
Author | SHA1 | Date |
---|---|---|
|
ac2e31fb1b | |
|
1b68281751 | |
|
be4924fe10 | |
|
49f5530861 |
7
app.vue
7
app.vue
|
@ -27,6 +27,7 @@ const { data: footerData } = await useFetch<ApiFooterType[]>(`${apiBase}/footer/
|
||||||
const { data: social_networkData } = await useFetch<ApiSocial_networkType[]>(`${apiBase}/social_network/`)
|
const { data: social_networkData } = await useFetch<ApiSocial_networkType[]>(`${apiBase}/social_network/`)
|
||||||
const { data: advData } = await useFetch<ApiSocial_networkType[]>(`${apiBase}/advantage/`)
|
const { data: advData } = await useFetch<ApiSocial_networkType[]>(`${apiBase}/advantage/`)
|
||||||
|
|
||||||
|
|
||||||
const isModalOpen = useState('modal_open', () => false)
|
const isModalOpen = useState('modal_open', () => false)
|
||||||
const toggleModal = () => {
|
const toggleModal = () => {
|
||||||
isModalOpen.value = !isModalOpen.value
|
isModalOpen.value = !isModalOpen.value
|
||||||
|
@ -59,13 +60,9 @@ const toggleModal = () => {
|
||||||
</p>
|
</p>
|
||||||
<div class="features">
|
<div class="features">
|
||||||
<template v-for="item in advData">
|
<template v-for="item in advData">
|
||||||
|
<div class="feature-item">{{item.title}}{{item.content}}</div>
|
||||||
{{ item.id }}
|
{{ item.id }}
|
||||||
</template>
|
</template>
|
||||||
<div class="feature-item">Сталь от 3 мм</div>
|
|
||||||
<div class="feature-item">Размер любой</div>
|
|
||||||
<div class="feature-item">Цвет на выбор</div>
|
|
||||||
<div class="feature-item">Цена адекватная</div>
|
|
||||||
<div class="feature-item">Всем нравится</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue