change content
This commit is contained in:
+164
-136
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<ClientOnly>
|
||||
|
||||
|
||||
<svg
|
||||
@click="[openMenu(), (menuStatus = !menuStatus)]"
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[6.154vw] md:mt-[1.51vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
@@ -40,7 +43,9 @@
|
||||
|
||||
<!-- desktop navMenu -->
|
||||
<div class="hidden md:block" v-show="menuStatus">
|
||||
|
||||
<svg
|
||||
@click="toHome"
|
||||
class="svg cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 md:mt-[5.885vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
@@ -54,137 +59,110 @@
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
<svg
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[6.154vw] md:mt-[9.948vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M5.01855 18.6998V26.1831C5.01855 33.6664 8.01855 36.6664 15.5019 36.6664H24.4852C31.9686 36.6664 34.9686 33.6664 34.9686 26.1831V18.6998"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M19.9971 20.0005C23.0471 20.0005 25.2971 17.5171 24.9971 14.4671L23.8971 3.3338H16.1137L14.9971 14.4671C14.6971 17.5171 16.9471 20.0005 19.9971 20.0005Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M30.5188 20.0005C33.8854 20.0005 36.3521 17.2671 36.0188 13.9171L35.5521 9.3338C34.9521 5.00047 33.2854 3.3338 28.9188 3.3338H23.8354L25.0021 15.0171C25.2854 17.7671 27.7688 20.0005 30.5188 20.0005Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M9.39932 20.0005C12.1493 20.0005 14.6326 17.7671 14.8993 15.0171L15.266 11.3338L16.066 3.3338H10.9826C6.61598 3.3338 4.94932 5.00047 4.34932 9.3338L3.89932 13.9171C3.56598 17.2671 6.03265 20.0005 9.39932 20.0005Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M19.9963 28.3338C17.2129 28.3338 15.8296 29.7171 15.8296 32.5005V36.6671H24.1629V32.5005C24.1629 29.7171 22.7796 28.3338 19.9963 28.3338Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
<a href="https://shinan.ir/store">
|
||||
<svg
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[6.154vw] md:mt-[9.948vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M5.01855 18.6998V26.1831C5.01855 33.6664 8.01855 36.6664 15.5019 36.6664H24.4852C31.9686 36.6664 34.9686 33.6664 34.9686 26.1831V18.6998"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M19.9971 20.0005C23.0471 20.0005 25.2971 17.5171 24.9971 14.4671L23.8971 3.3338H16.1137L14.9971 14.4671C14.6971 17.5171 16.9471 20.0005 19.9971 20.0005Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M30.5188 20.0005C33.8854 20.0005 36.3521 17.2671 36.0188 13.9171L35.5521 9.3338C34.9521 5.00047 33.2854 3.3338 28.9188 3.3338H23.8354L25.0021 15.0171C25.2854 17.7671 27.7688 20.0005 30.5188 20.0005Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M9.39932 20.0005C12.1493 20.0005 14.6326 17.7671 14.8993 15.0171L15.266 11.3338L16.066 3.3338H10.9826C6.61598 3.3338 4.94932 5.00047 4.34932 9.3338L3.89932 13.9171C3.56598 17.2671 6.03265 20.0005 9.39932 20.0005Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M19.9963 28.3338C17.2129 28.3338 15.8296 29.7171 15.8296 32.5005V36.6671H24.1629V32.5005C24.1629 29.7171 22.7796 28.3338 19.9963 28.3338Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
<a href="https://academy.shinan.ir/">
|
||||
<svg
|
||||
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[14.01vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M29.9998 11.9333C29.8998 11.9167 29.7831 11.9167 29.6831 11.9333C27.3831 11.85 25.5498 9.96665 25.5498 7.63332C25.5498 5.24998 27.4665 3.33331 29.8498 3.33331C32.2331 3.33331 34.1498 5.26665 34.1498 7.63332C34.1331 9.96665 32.2998 11.85 29.9998 11.9333Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M28.2829 24.0667C30.5662 24.45 33.0829 24.05 34.8496 22.8667C37.1996 21.3 37.1996 18.7333 34.8496 17.1667C33.0663 15.9833 30.5162 15.5833 28.2329 15.9833"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M9.94981 11.9333C10.0498 11.9167 10.1665 11.9167 10.2665 11.9333C12.5665 11.85 14.3998 9.96665 14.3998 7.63332C14.3998 5.24998 12.4831 3.33331 10.0998 3.33331C7.71647 3.33331 5.7998 5.26665 5.7998 7.63332C5.81647 9.96665 7.64981 11.85 9.94981 11.9333Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.6666 24.0667C9.38323 24.45 6.86657 24.05 5.0999 22.8667C2.7499 21.3 2.7499 18.7333 5.0999 17.1667C6.88324 15.9833 9.43323 15.5833 11.7166 15.9833"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M20.0003 24.3833C19.9003 24.3667 19.7836 24.3667 19.6836 24.3833C17.3836 24.3 15.5503 22.4167 15.5503 20.0833C15.5503 17.7 17.467 15.7833 19.8503 15.7833C22.2336 15.7833 24.1503 17.7167 24.1503 20.0833C24.1336 22.4167 22.3003 24.3167 20.0003 24.3833Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M15.1502 29.6333C12.8002 31.2 12.8002 33.7667 15.1502 35.3333C17.8169 37.1167 22.1835 37.1167 24.8502 35.3333C27.2002 33.7667 27.2002 31.2 24.8502 29.6333C22.2002 27.8667 17.8169 27.8667 15.1502 29.6333Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
<svg
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[14.01vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M29.9998 11.9333C29.8998 11.9167 29.7831 11.9167 29.6831 11.9333C27.3831 11.85 25.5498 9.96665 25.5498 7.63332C25.5498 5.24998 27.4665 3.33331 29.8498 3.33331C32.2331 3.33331 34.1498 5.26665 34.1498 7.63332C34.1331 9.96665 32.2998 11.85 29.9998 11.9333Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M28.2829 24.0667C30.5662 24.45 33.0829 24.05 34.8496 22.8667C37.1996 21.3 37.1996 18.7333 34.8496 17.1667C33.0663 15.9833 30.5162 15.5833 28.2329 15.9833"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M9.94981 11.9333C10.0498 11.9167 10.1665 11.9167 10.2665 11.9333C12.5665 11.85 14.3998 9.96665 14.3998 7.63332C14.3998 5.24998 12.4831 3.33331 10.0998 3.33331C7.71647 3.33331 5.7998 5.26665 5.7998 7.63332C5.81647 9.96665 7.64981 11.85 9.94981 11.9333Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.6666 24.0667C9.38323 24.45 6.86657 24.05 5.0999 22.8667C2.7499 21.3 2.7499 18.7333 5.0999 17.1667C6.88324 15.9833 9.43323 15.5833 11.7166 15.9833"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M20.0003 24.3833C19.9003 24.3667 19.7836 24.3667 19.6836 24.3833C17.3836 24.3 15.5503 22.4167 15.5503 20.0833C15.5503 17.7 17.467 15.7833 19.8503 15.7833C22.2336 15.7833 24.1503 17.7167 24.1503 20.0833C24.1336 22.4167 22.3003 24.3167 20.0003 24.3833Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M15.1502 29.6333C12.8002 31.2 12.8002 33.7667 15.1502 35.3333C17.8169 37.1167 22.1835 37.1167 24.8502 35.3333C27.2002 33.7667 27.2002 31.2 24.8502 29.6333C22.2002 27.8667 17.8169 27.8667 15.1502 29.6333Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
<svg
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[18.073vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M31.6704 13.3338C34.4318 13.3338 36.6704 11.0952 36.6704 8.3338C36.6704 5.57238 34.4318 3.3338 31.6704 3.3338C28.909 3.3338 26.6704 5.57238 26.6704 8.3338C26.6704 11.0952 28.909 13.3338 31.6704 13.3338Z"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.6704 21.6662H20.0037"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M11.6704 28.3338H26.6704"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M23.3296 3.3338H14.9963C6.66292 3.3338 3.32959 6.66713 3.32959 15.0005V25.0005C3.32959 33.3338 6.66292 36.6671 14.9963 36.6671H24.9963C33.3296 36.6671 36.6629 33.3338 36.6629 25.0005V16.6671"
|
||||
stroke="#383E43"
|
||||
stroke-width="1.8"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
<svg
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 md:mt-[22.135vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
@click="toAbout"
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[18.073vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@@ -213,7 +191,8 @@
|
||||
</svg>
|
||||
|
||||
<svg
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[6.154vw] md:mt-[26.198vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
@click="toHonor"
|
||||
class="cursor-pointer z-[1000] h-[8.718vw] md:h-[3.125vw] w-[8.718vw] md:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 md:mt-[22.135vw] me-[6.154vw] md:me-[1.25vw]"
|
||||
viewBox="0 0 40 40"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@@ -252,7 +231,7 @@
|
||||
<!-- mobile navMenu -->
|
||||
<div
|
||||
v-show="menuStatus"
|
||||
class="flex md:hidden absolute bg-white !bottom-[0px] h-[100vh] w-full items-center justify-center "
|
||||
class="flex md:hidden absolute bg-white !bottom-[0px] h-[100vh] w-full items-center justify-center z-[100000]"
|
||||
>
|
||||
<div
|
||||
class="fixed bottom-[5vw] space-y-[6vw] text-[4.038vw] flex flex-col items-center justify-center h-[110.769vw] w-[90%] bg-white z-[10] rounded-[6.41vw]"
|
||||
@@ -274,7 +253,9 @@
|
||||
/>
|
||||
</svg>
|
||||
<div class="space-y-[7vw] flex flex-col items-start w-[85%]">
|
||||
<p class="flex">
|
||||
<p
|
||||
@click="toHome"
|
||||
class="flex">
|
||||
<svg
|
||||
class="w-[5.128vw] h-[5.128vw] me-[2vw]"
|
||||
viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
@@ -282,7 +263,8 @@
|
||||
</svg>
|
||||
|
||||
خانه</p>
|
||||
<p class="flex">
|
||||
<a href="https://shinan.ir/store"
|
||||
class="flex">
|
||||
<svg
|
||||
class="w-[5.128vw] h-[5.128vw] me-[2vw]"
|
||||
viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
@@ -293,7 +275,7 @@
|
||||
<path d="M9.99837 14.167C8.60671 14.167 7.91504 14.8587 7.91504 16.2503V18.3337H12.0817V16.2503C12.0817 14.8587 11.39 14.167 9.99837 14.167Z" stroke="#383E43" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
||||
فروشگاه</p>
|
||||
فروشگاه</a>
|
||||
<p class="flex">
|
||||
<svg
|
||||
class="w-[5.128vw] h-[5.128vw] me-[2vw]"
|
||||
@@ -318,7 +300,9 @@
|
||||
</svg>
|
||||
|
||||
رسانه ها</p>
|
||||
<p class="flex">
|
||||
<p
|
||||
@click="toAbout"
|
||||
class="flex">
|
||||
<svg
|
||||
class="w-[5.128vw] h-[5.128vw] me-[2vw]"
|
||||
viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
@@ -328,7 +312,9 @@
|
||||
</svg>
|
||||
|
||||
درباره ما</p>
|
||||
<p class="flex">
|
||||
<p
|
||||
@click="toHonor"
|
||||
class="flex">
|
||||
<svg
|
||||
class="w-[5.128vw] h-[5.128vw] me-[2vw]"
|
||||
viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
@@ -357,6 +343,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ClientOnly>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
@@ -388,6 +375,47 @@ function outOfButton(){
|
||||
console.log('clsd');
|
||||
}
|
||||
}
|
||||
const router = useRouter()
|
||||
|
||||
const toHome = () =>{
|
||||
console.log('d');
|
||||
router.push('/')
|
||||
menuStatus.value = false
|
||||
document.getElementById("openMenuFilter").style.filter = "none";
|
||||
document.getElementById("openMenuFilter").style.backdropFilter = "none";
|
||||
document
|
||||
.getElementsByTagName("html")[0]
|
||||
.classList.remove("overflow-hidden");
|
||||
}
|
||||
|
||||
const toAbout = () =>{
|
||||
console.log('d');
|
||||
router.push('/about')
|
||||
menuStatus.value = false
|
||||
document.getElementById("openMenuFilter").style.filter = "none";
|
||||
document.getElementById("openMenuFilter").style.backdropFilter = "none";
|
||||
document
|
||||
.getElementsByTagName("html")[0]
|
||||
.classList.remove("overflow-hidden");
|
||||
}
|
||||
|
||||
const toHonor = () =>{
|
||||
console.log('d');
|
||||
router.push('/honor')
|
||||
menuStatus.value = false
|
||||
document.getElementById("openMenuFilter").style.filter = "none";
|
||||
document.getElementById("openMenuFilter").style.backdropFilter = "none";
|
||||
document
|
||||
.getElementsByTagName("html")[0]
|
||||
.classList.remove("overflow-hidden");
|
||||
}
|
||||
// const toLearn =() =>{
|
||||
// location.href('https://academy.shinan.ir/')
|
||||
// menuStatus.value = false
|
||||
// document.getElementById("openMenuFilter").style.filter = "none";
|
||||
// document.getElementById("openMenuFilter").style.backdropFilter = "none";
|
||||
// document
|
||||
// .getElementsByTagName("html")[0]
|
||||
// .classList.remove("overflow-hidden");
|
||||
// }
|
||||
</script>
|
||||
+387
-387
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user