mns/mns-mini-zabor
mns
/
mns-mini-zabor
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'bx-696-startproject' of https://git.svs-tech.pro/ksenia_mikhailova/mns-mini-zabor into bx-696-startproject

This commit is contained in:
Kseninia Mikhaylova 2024-06-05 17:49:49 +03:00
parent b143c838d2 3b0aa455dd
commit 4e0841f8f4
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app.vue
View File

@ -38,6 +38,14 @@ type ApiFooterType = {
small_text: boolean small_text: boolean
} }
type ApiSocial_networkType = {
id: number
name: string
link: string
image: Image
}
import '@/assets/main.scss' import '@/assets/main.scss'
const { data: seoData } = await useFetch<ApiKpType>(`${apiBase}/kp/1`) const { data: seoData } = await useFetch<ApiKpType>(`${apiBase}/kp/1`)
@ -59,6 +67,7 @@ const reviews = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'clien
const delivery = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'delivery') const delivery = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'delivery')
const { data: footerData } = await useFetch<ApiFooterType[]>(`${apiBase}/footer/?ordering=small_text`) const { data: footerData } = await useFetch<ApiFooterType[]>(`${apiBase}/footer/?ordering=small_text`)
const { data: social_networkData } = await useFetch(`${apiBase}/social_network/?ordering=small_text`)
const isModalOpen = useState('modal_open', () => false) const isModalOpen = useState('modal_open', () => false)
const toggleModal = () => { const toggleModal = () => {
@ -126,7 +135,7 @@ const toggleModal = () => {
<Calculator /> <Calculator />
</div> </div>
<div class="footer"> <div class="footer">
<div class="container"> <div class="container">
<div class="k-logo"> <div class="k-logo">
<k_logo /> <k_logo />
</div> </div>
@ -134,7 +143,11 @@ const toggleModal = () => {
<div class="footer-text" :class="[{ 'footer-text-small': item.small_text }]">{{ item.text }}</div> <div class="footer-text" :class="[{ 'footer-text-small': item.small_text }]">{{ item.text }}</div>
</template> </template>
</div> </div>
<template v-for="item in social_networkData">
<div class="social_network-name" :class="[{ 'social_network-name-small': item.link }]">{{ item.name }}</div>
</template>
</div> </div>
<Modal /> <Modal />
</div> </div>
</template> </template>