update

2024-06-03 20:55:40 +03:30
parent ca0e6e6046
commit 5310ec4dbc
3 changed files with 16 additions and 10 deletions
@@ -106,7 +106,7 @@
                        </svg>
    
                    </NuxtLink>
-                    <span>
+                    <span class="relative">
                        <svg class="mt-[0.5vw] w-[8.718vw] md:w-[2.24vw] h-[8.718vw] md:h-[2.24vw]" viewBox="0 0 44 46"
                            fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path
@@ -121,9 +121,6 @@
                            <path
                                d="M10.6786 30.0149L12.0474 32.761C12.234 33.1433 12.7318 33.5099 13.1518 33.5801L15.6327 33.9936C17.2193 34.2589 17.5926 35.4135 16.4493 36.5525L14.5206 38.4872C14.1939 38.8149 14.015 39.4468 14.1161 39.8993L14.6683 42.2943C15.1039 44.1901 14.1006 44.9234 12.4285 43.9326L10.1031 42.5518C9.68309 42.3021 8.99091 42.3021 8.56316 42.5518L6.23774 43.9326C4.5734 44.9234 3.56235 44.1823 3.99788 42.2943L4.55007 39.8993C4.65117 39.4468 4.4723 38.8149 4.14565 38.4872L2.21688 36.5525C1.0814 35.4135 1.44693 34.2589 3.0335 33.9936L5.51445 33.5801C5.92665 33.5099 6.4244 33.1433 6.61105 32.761L7.97986 30.0149C8.72648 28.5248 9.93974 28.5248 10.6786 30.0149Z"
                                fill="#0D3F40" />
-                            <path
-                                d="M19.5137 27.3618C19.5244 27.0738 19.5297 26.6471 19.5297 26.0818C19.5297 24.3645 19.4391 22.8125 19.2577 21.4258C19.0231 19.6551 18.6284 18.1351 18.0737 16.8658L19.8497 15.7938C20.0311 16.1671 20.2071 16.6045 20.3777 17.1058C20.5484 17.5538 20.7031 17.9005 20.8417 18.1458C20.9911 18.3911 21.1831 18.5885 21.4177 18.7378C21.6524 18.8765 21.9617 18.9458 22.3457 18.9458C23.3697 18.9458 23.8817 18.2791 23.8817 16.9458C23.8817 16.7005 23.8657 16.4338 23.8337 16.1458L25.5137 15.8098C25.6097 16.2685 25.6577 16.7325 25.6577 17.2018C25.6577 17.9485 25.5351 18.6365 25.2897 19.2658C25.0444 19.8845 24.6711 20.3858 24.1697 20.7698C23.6791 21.1431 23.0817 21.3298 22.3777 21.3298C21.9617 21.3298 21.5671 21.2445 21.1937 21.0738V21.1218C21.3217 22.3271 21.3857 23.8311 21.3857 25.6338C21.3857 26.4018 21.3804 26.9778 21.3697 27.3618H19.5137Z"
-                                fill="#383E43" />
                            <defs>
                                <linearGradient id="paint0_linear_7_1513" x1="20.8356" y1="1.21362"
                                    x2="22.4054" y2="1.99611" gradientUnits="userSpaceOnUse">
@@ -132,6 +129,7 @@
                                </linearGradient>
                            </defs>
                        </svg>
+                        <span class="absolute top-[0.9vw] left-[0.9vw] text-[#383E43] font-bold thin text-[0.833vw]">{{props.course.satisfactionLevel}}</span>
                    </span>
                </div>

@@ -145,7 +143,7 @@ import { useToast } from 'vue-toastification'
 const props = defineProps(['course']);
 const MyArray = ['Salam','Man','Sadegh','Hastam'];
 const toast = useToast()
-
+console.log(props);
 function hideEndOfString(inputString) {
    const words = inputString.split(' ');
    if (words.length > 8) {
@@ -210,12 +210,17 @@
        <p class="text-[#383E43] font-semibold">{{props.props.satisfactionLevel}}</p>
      </div>

-      <h2
+      <h2 v-if="props.props.price > 0"
        class="my-[5vw] md:my-[1.25vw] text-[4.544vw] md:text-[1.502vw] text-[#383E43] font-semibold flex items-center justify-end w-full gap-[0.5vw]"
      >
        {{props.props.price}},000
        <p class="text-[2.836vw] md:text-[0.741vw]">تومان</p>
      </h2>
+      <h2 v-else
+        class="my-[5vw] md:my-[1.25vw] text-[4.544vw] md:text-[1.502vw] text-[#383E43] font-semibold flex items-center justify-end w-full gap-[0.5vw]"
+      >
+       رایگان
+      </h2>
      <button
        class="greenButton h-[11.795vw] md:h-auto w-full flexBox text-[4.038vw] md:text-[1.055vw] rounded-[2.564vw] md:rounded-[0.521vw]"
        @click="paidStatus = true"
@@ -61,15 +61,18 @@
        class="mt-[3vw] md:mt-[0.7vw] h-[2.051vw] md:h-[0.521vw] rounded-[2vw] md:rounded-[0.521vw]"
      >
        <div
-          :class="`w-[${props.props.completionPercentage}%]`"
-          class="rounded-[2vw] md:rounded-[0.521vw] h-[2.051vw] md:h-[0.521vw]"
-        ></div>
+:class="`w-[${props.props.completionPercentage}%]`"
+          class=" rounded-[2vw] md:rounded-[0.521vw] h-[2.051vw] md:h-[0.521vw]"
+        >
+      <!-- {{props.props.completionPercentage}} -->
+      </div>
      </div>
    </div>
  </div>

 </template>
 <script setup>
+const adad = 2;
 const props = defineProps(['props'])
 </script>
 <style scoped>