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

transition fix

This commit is contained in:
Kseninia Mikhaylova 2024-06-11 10:50:06 +03:00
parent 8031ee39fd
commit 715dcb01b7
5 changed files with 55 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app.vue
View File

@ -35,11 +35,6 @@ const { data: footerData } = await useFetch<ApiFooterType[]>(`${apiBase}/footer/
const { data: social_networkData } = await useFetch<ApiSocial_networkType[]>(`${apiBase}/social_network/`)
const { data: advData } = await useFetch<ApiAdvantageType[]>(`${apiBase}/advantage/`)
const isModalOpen = useState('modal_open', () => false)
const toggleModal = () => {
isModalOpen.value = !isModalOpen.value
}
const { scrollToAnchor, scrollToTop } = useAnchorScroll({
toTop: {
scrollOptions: {

6
components/calcModels.vue
View File

@ -13,13 +13,15 @@ const { hasFinishLoading, progress, items } = await useProgress()
</script>
<template>
<div class="container min-w-full relative">
<div v-show="!hasFinishLoading"
<Transition>
<div v-if="!hasFinishLoading"
class="absolute bg-neutral-600 t-0 l-0 w-full h-full z-20 flex justify-center items-center text-black font-mono">
<div class="w-200px">
Loading... {{ progress }} %
Идет загрузка... {{ progress }} %
<i class="i-ic-twotone-catching-pokemon animate-rotate-in"></i>
</div>
</div>
</Transition>
<TresCanvas shadows>
<TresPerspectiveCamera :position="[8, 2, -4]" />
<OrbitControls v-bind="controlsState" make-default />

5
components/calcValues.vue
View File

@ -109,6 +109,11 @@ const calc_text = computed(() => {
}
return txt
})
const isModalOpen = useState('modal_open', () => false)
const toggleModal = () => {
isModalOpen.value = !isModalOpen.value
}
</script>
<template>
<div class="container py-4">

2
components/model/item.vue
View File

@ -75,7 +75,9 @@ watch(props, () => {
}, { deep: true })
</script>
<template>
<Suspense>
<TresGroup :position="props.position || [0, 0, 0]" ref="model">
<primitive :object="scene.children[0]" cast-shadow receive-shadow />
</TresGroup>
</Suspense>
</template>

19
components/model/parametric.vue
View File

@ -26,24 +26,19 @@ const pbrTexture = await useTexture({
})
</script>
<template>
<TresGroup>
<Suspense>
<TresGroup :scale="3" :rotate-y="-Math.PI * -0.5" :translate-y="-3.25">
<TresMesh receive-shadow cast-shadow :translate-y="-0.25">
<TresCircleGeometry :args="[8, 8, 8]" :rotate-x="-Math.PI * 0.5" />
<TresMeshStandardMaterial v-bind="pbrTexture" />
</TresMesh>
<ModelItem model-url="/models_one/bottom.glb"
:position="[-fence_section * 0.5 - pillar_size, -bSize, 0]" :remove-pos="true"
:color="pillar_color" />
<ModelItem model-url="/models_one/bottom.glb" :position="[-fence_section * 0.5 - pillar_size, -bSize, 0]"
:remove-pos="true" :color="pillar_color" />
<ModelItem model-url="/models_one/bottom.glb" :position="[fence_section * 0.5 + pillar_size, -bSize, 0]"
:remove-pos="true" :color="pillar_color" />
<ModelItem model-url="/models_one/verh_100.glb"
:position="[-fence_section * 0.5, lamelles_count * lSize, 0]" :remove-pos="true"
:color="pillar_color" />
<ModelItem model-url="/models_one/verh_100.glb"
:position="[fence_section * 0.5, lamelles_count * lSize, 0]" :remove-pos="true"
:color="pillar_color" />
<ModelItem model-url="/models_one/verh_100.glb" :position="[-fence_section * 0.5, lamelles_count * lSize, 0]"
:remove-pos="true" :color="pillar_color" />
<ModelItem model-url="/models_one/verh_100.glb" :position="[fence_section * 0.5, lamelles_count * lSize, 0]"
:remove-pos="true" :color="pillar_color" />
<template v-for="(n, i) in lamelles_count">
<TresGroup :position="[-fence_section * 0.5 - pillar_size, (lSize * i), 0]">
<ModelItem model-url="/models_one/stolb.glb" :remove-pos="true" :color="pillar_color" />
@ -69,6 +64,4 @@ const pbrTexture = await useTexture({
:position="[fence_section * 0.5 + pillar_size, lamelles_count * lSize, 0]" :remove-pos="true"
:color="pillar_color" />
</TresGroup>
</Suspense>
</TresGroup>
</template>