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

set source calc

This commit is contained in:
Kseninia Mikhaylova 2024-06-11 12:43:10 +03:00
parent 569516eb63
commit 7cbe765a03
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
app.vue
View File

@ -20,18 +20,16 @@ useSeoMeta({
const { data: pagesData } = await useFetch<ApiPagesType[]>(`${apiBase}/pages/?ordering=order`)
const { data: reviewsData } = await useFetch<ApiReviewsType[]>(`${apiBase}/review/`)
const { data: calculatorData } = await useFetch(`${apiBase}/calculator/5/`)
const about = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'about')
const reviews = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'clients')
const delivery = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'delivery')
const products = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'products')
const advantages = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'advantages')
const calculator = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'calculator')
const aboutText = computed(() => marked.parse(about?.content || ''))
const deliveryText = computed(() => delivery?.content.split('[col]').map(el => marked.parse(el || '')))
const advantagesText = computed(() => advantages?.content.split('[col]').map(el => marked.parse(el || '')))
const calculatorText = computed(() => calculator?.content.split('[col]').map(el => marked.parse(el || '')))
const { data: footerData } = await useFetch<ApiFooterType[]>(`${apiBase}/footer/?ordering=small_text`)
const { data: social_networkData } = await useFetch<ApiSocial_networkType[]>(`${apiBase}/social_network/`)
@ -45,6 +43,11 @@ const { scrollToAnchor, scrollToTop } = useAnchorScroll({
}
},
})
console.log({
url:`${apiBase}/calculator/5/`,
d: calculatorData.value
})
</script>
<template>
<div>
@ -117,15 +120,15 @@ const { scrollToAnchor, scrollToTop } = useAnchorScroll({
<span v-html="advantagesText[1]"></span>
</div>
</div>
<div class="siteblock bg-light" id="5" v-if="calculatorText">
<div class="container">
<div class="prose col-span-12 xl:col-span-6">
<div v-for="(number, index) in calculatorText" :key="index">
{{ number }}
<div class="siteblock bg-light" id="5" v-if="calculatorData">
<div class="container">
<div class="prose col-span-12 xl:col-span-6">
<div v-for="(number, index) in calculatorData" :key="index">
{{ number }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="siteblock siteblock_imgbg bg-slate-500"
:style="[{ backgroundImage: `url(${[apiBase, delivery?.image].join('/')})` }]">