Tailwind CSS中如何使用CDN添加暗黑模式切换
P粉817354783
2023-08-29 20:17:50
<p>我是JavaScript的新手。最近我开始使用Tailwind Css。现在我想把它添加到我的博客模板中。但是我不知道如何在Tailwind Css中添加一个暗模式切换按钮。我应该如何在Tailwind Css中添加一个暗模式切换按钮。</p>
<p>注意:由于我使用的是博客平台,所以无法从本地库中添加。因此我使用CDN。</p>
<pre class="brush:php;toolbar:false;"><link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.15/dist/tailwind.min.css" rel="stylesheet"></pre>
<p>我是否需要其他CDN?或者JavaScript代码?</p>
请检查下面的代码链接,希望对您有用。我们使用了Tailwind的库,名为flowbite,它提供了一个内置的暗模式切换开关,因此我们可以应用它。
请参考此链接:https://codesandbox.io/embed/fervent-fast-6v9fn5?autoresize=1&fontsize=14&hidenavigation=1&theme=dark
您还可以参考此文档:https://flowbite.com/docs/customize/dark-mode/