studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

fix #62

Browse source
This commit is contained in:
isUnknown 2024-12-16 18:30:14 +01:00
parent 84407fa92d
commit b391075efd
1 changed files with 18 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/project/virtual-sample/Interactive360.vue
View file

@ -1,11 +1,22 @@
<template>
<figure>
<div @mousedown="enableDragToRotate" class="drag-zone" :class="{ 'grabbing': isDragToRotateEnabled }"></div>
<div
@mousedown="enableDragToRotate"
class="drag-zone"
:class="{ grabbing: isDragToRotateEnabled }"
></div>
<img :src="currentFile.url" alt="" width="500" height="500" />
</figure>
<div hidden id="helper" class="flex flex-col | bg-black-50">
<p class="rounded-lg | text-white bg-grey-800 | p-16">Vous pouvez visualiser l’échantillon sous différents angles en cliquant et en déplaçant la souris de gauche à droite ou de bas en haut.</p>
<button class="btn">J’ai compris</button>
<div
id="helper"
class="flex flex-col | bg-black-50"
:hidden="isHelperHidden ? true : undefined"
>
<p class="rounded-lg | text-white bg-grey-800 | p-16">
Vous pouvez visualiser l’échantillon sous différents angles en cliquant et
en déplaçant la souris de gauche à droite ou de bas en haut.
</p>
<button class="btn" @click="isHelperHidden = true">J’ai compris</button>
</div>
</template>
@ -21,6 +32,9 @@ const { activeTrack } = defineProps({
const virtualSampleStore = useVirtualSampleStore();
const isHelperHidden = ref(localStorage.getItem("isHelperHidden"));
localStorage.setItem("isHelperHidden", true);
const yMax = computed(() => {
return parseInt(
activeTrack.files[activeTrack.files.length - 1].name.charAt(0)