20得票4回答
在Tailwind文档中给出的默认颜色无法正常工作。

我试图使用在文档中提到的琥珀色和青柠色等颜色,但这些颜色无效。只有像主要颜色(如红色、粉色)等具有名称的颜色有效。 无效的颜色包括:琥珀色、翡翠绿、青柠绿、玫瑰色、紫红色、石板色、锌灰色,甚至橙色。 尽管我使用的是2.26版本,但我还是在Tailwind playground上检查了1.9到2...

12得票12回答
React 和 HeadlessUI 中如何实现点击 Dialog(Modal)外部区域不关闭弹窗?

我的问题很简单... 我在我的应用程序中使用React的HeadlessUI的Dialog组件,当我点击模态框外部时希望它不会关闭。在文档中,有处理此交互的Dialog.Overlay参数,但没有禁用它的设置选项。 有什么解决方案吗? 这是我使用的组件HeadlessUI文档链接:https...

10得票1回答
Headless UI初始化时打开其中一个披露组件。

我无法打开其中一个披露文件。 下面是我尝试的操作,当我添加static属性时,它会一直保持打开状态。

8得票2回答
如何在纯HTML/JS中应用Tailwind UI动画

我想使用tailwindui.com提供的样例组件。他们在注释中定义了动画部分,但我不知道如何将其应用到我的代码中。我正在使用普通的HTML/JS,并希望不使用任何框架或库。 我在这里尝试显示/隐藏一个模态对话框。背景叠加层的动画效果如下: <!-- Backgroun...

8得票2回答
Tailwind动画显示

我正在尝试学习如何使用Tailwind动画。我想要制作的动画是: Entering: "duration-200 ease-out" From: "opacity-0 scale-95" To: "opacity-100 scale-100" Leaving: "duration-1...

7得票6回答
组披露(手风琴)来自 Headless UI。

我刚开始使用Headless UI。 我正在尝试使用Headless UI的Disclosure组件来呈现我的工作经验。 基本上,我需要“n”个披露(Disclosure),它们将被动态呈现,并且每当一个披露(Disclosure)被打开时,其他披露(Disclosure)都应关闭。 我可以...

7得票1回答
无法使headlessui下拉菜单在鼠标悬停时打开而不是在点击时打开

我使用 React 构建了一个应用程序,并在其中使用了来自 Tailwind UI 的下拉列表。该下拉列表需要通过点击事件才能打开,但我希望也可以通过鼠标悬停来打开。 <Menu as="div" className="relative inline-block text-left "...

7得票2回答
如何从我的React应用程序中卸载Tailwind?

我已经在我的 React 应用中同时安装了 react-bootstrap 和 tailwind,但是它们之间发生了一些冲突。因此我希望卸载 tailwind。

7得票4回答
Tailwind背景透明度

我对tailwind背景透明度的CSS很好奇。我只能在纯CSS中找到'opacity',但这会影响所有元素,而不仅仅是背景。请问有人能解释一下吗?