So verwenden Sie CDN, um die Umschaltung des Dunkelmodus in Tailwind CSS hinzuzufügen
P粉817354783
2023-08-29 20:17:50
<p>Ich bin neu in JavaScript. Vor kurzem habe ich angefangen, Tailwind CSS zu verwenden. Jetzt möchte ich es zu meiner Blog-Vorlage hinzufügen. Aber ich weiß nicht, wie ich in Tailwind Css eine Umschalttaste für den Dunkelmodus hinzufügen kann. Wie soll ich in Tailwind Css eine Schaltfläche zum Umschalten des Dunkelmodus hinzufügen? </p>
<p>Hinweis: Da ich eine Blogging-Plattform verwende, kann ich keine Beiträge aus der nativen Bibliothek hinzufügen. Deshalb verwende ich 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>Benötige ich ein anderes CDN? Oder JavaScript-Code? </p>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
请检查下面的代码链接，希望对您有用。我们使用了Tailwind的库，名为flowbite，它提供了一个内置的暗模式切换开关，因此我们可以应用它。
请参考此链接：https://codesandbox.io/embed/fervent-fast-6v9fn5?autoresize=1&fontsize=14&hidenavigation=1&theme=dark
您还可以参考此文档：https://flowbite.com/docs/customize/dark-mode/