Tailwind css 轮播示例不起作用

Nav*_*mar 3 reactjs next.js tailwind-css

在一个next.js项目中,我尝试使用以下示例构建一个轮播: https: //tailwind-elements.com/docs/standard/components/carousel/

我已经安装了,tailwindcss@2.0.2我还需要什么东西才能使 CSS 工作吗?

Dha*_*lah 5

是的,您需要安装 tailwind 元素包

npm install tw-elements 然后需要它tailwind.config.js

查看入门指南: https ://tailwind-elements.com/quick-start/

或者您可以只包含 CDN 脚本和样式表

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/tw-elements/dist/css/index.min.css" />
<script src="https://cdn.jsdelivr.net/npm/tw-elements/dist/js/index.min.js"></script>
Run Code Online (Sandbox Code Playgroud)