change content

This commit is contained in:
HAM!DREZA
2024-07-20 18:17:31 +03:30
parent ba0c128832
commit dec2788106
25 changed files with 1191 additions and 959 deletions
+164 -136
View File
@@ -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
View File
File diff suppressed because one or more lines are too long