سلام فریلنسرهای عزیز! یه پروژه با Vue.js دارم که نیاز به دو تا فیکس ساده داره. اگر با Vue 3 و CSS کار کردید، این کار براتون یه تغییر سریع ۱-۲ ساعته است. کارهای مورد نیاز:
یه دکمه سبد خرید (آیکون) داریم که با position: fixed توی صفحه تعریف شده، ولی فقط تو یه نقطه خاص دیده میشه. میخوام این دکمه همیشه توی دید کاربر باشه (مثل دکمههای شناور تو سایتها)، یعنی هرجای صفحه که اسکرول کنه، دکمه پایین-چپ ویوپورت ثابت بمونه. احتمالاً یه تنظیم overflow: visible توی body/html یا z-index نیازه. کلیک روی دکمه سبد خرید باید یه مودال (جدول سبد خرید) باز کنه، ولی الان هیچی اتفاق نمیافته. کد @click=“openCartModal“ هست و متد تعریف شده، ولی انگار ایونت کلیک ثبت نمیشه یا cart خالیه. باید چک بشه که چرا مودال باز نمیشه و فیکس بشه.
جزئیات:
پروژه با Vue 3 و Viteه. فایل ProductGallery.vue (شامل کد و استایل) رو میتونم بفرستم. یه console.log برای دیباگ گذاشتم که باید چک بشه. توی index.html استایل overflow: visible برای body/html ست شده، ولی ممکنه تداخل استایل جای دیگه باشه.
نیازها:
تجربه با Vue.js و CSS (مخصوصاً position: fixed و event handling). اگه با Vite کار کردید، بهتره.



