آتیه صادق محبوب
2 سال پیش توسط آتیه صادق محبوب مطرح شد
2 پاسخ

مشکل با کتابخانه های tailwind

سلام و وقتتون بخیر،
ببخشید در این اوضاع ، سوالم مطرح میکنم
من میخوام از کتابخانه تیلویند استفاده کنم و براساس داکیومنتش هم اون در کانفیگ تیلویند موارد اضافه می کنم اما باز هم درست عمل نمی کنند مثلا در carousel
بعد از چند ثانیه عکس عوض نمیشه
یا اون کلید های قبلی و بعدی هم اعمال نمیشن
البته مختص یک کتابخانه نیست مثلا من هم از
flowbite , element tailwind
استفاده کردم در هر دو نتیجه یکسان بود چرا اینجوری میشه ؟ آیا برای شما هم پیش اومده ؟


ثبت پرسش جدید
سید هادی خانیان
تخصص : برنامه نویس PHP
@hadikhanian 2 سال پیش مطرح شد
0

سلام.
لطفا جهت بررسی دقیق تر، کد اون قسمت که مشکل دارد را ارسال نمایید.
همچنین config انجام شده را نیز ارسال کنید.


آتیه صادق محبوب
تخصص : فرانت اند دولوپر ریکت
@atiyeh1401 2 سال پیش مطرح شد
0

مثل تنظیمات گفته شده در این لینک عمل می کنم البته برنامه ریکت قبلا ساختم و از اون قسمت که npm داره نصب می کنه مثل همین سایت میرم جلو
https://flowbite.com/docs/getting-started/react/
این هم تمام کدهای داخل فایل کانفیگ تیلویند

module.exports = {
  content: [
    "node_modules/flowbite-react/**/*.{js,jsx,ts,tsx}",
      "./src/**/*.{js,jsx,ts,tsx}", 

  ],
  theme: {

    extend: {
      backgroundImage: {
        'backgroundImageLogin': "url('/src/assets/images/sa_pixar.jpeg')",

      }
    },
  },
  plugins: [
    require('flowbite/plugin')
]

}

این هم کد کرسل هست : البته این flowbite-react هست خطا نداره اتفاقا هر چند ثانیه دکمه فعال عئض میشه اما تصویر تغییر نمی کنه

کدimport React from "react";
import { Carousel } from "flowbite-react";
import Images from "../../assets/Index";
function Carouselflowbite() {
  return (
    <div >
      <div className="h-56 sm:h-64 xl:h-80 2xl:h-96">
        <Carousel slideInterval={5000}>
          <img src={Images.hardSlide2} alt="..." />
          <img src={Images.laptopSlide1} alt="..." />
          <img src={Images.handsfreeSlide3} alt="..." />
          <img src={Images.hardSlide2} alt="..." />
        </Carousel>
      </div>
    </div>
  );
}

export default Carouselflowbite;

در حالت tailwind css flowbite اصلا تغییر در هیچی وجود نداره.


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام