Inb*_*ies 4 tailwind-css vuejs3 nuxtjs3
我正在 NuxtJS 和 Tailwindcss 的帮助下学习 VueJS，用于一个业余爱好项目。由于 tailwindcss 使暗模式编辑变得非常容易，所以我在 safari 浏览器上遇到了问题。
每当您在深色模式下向下或向上滚动或拖动浏览器时，您总是会看到白色背景。这就是身体，我无法改变它。
我尝试的是将 Body 标记添加到我的主应用程序 VueJS 文件中，在其中组合组件来构建页面。但这会导致主应用程序 Div 内出现一个 Body 标记。这意味着我有两个像这样的身体标签
<body> -> Main body from the Nuxt app
<Div> -> div to wrap components in
<body> -> Body that i added in the main Vue app file (its double)
</body>
</div>
</body>
如果我查看 tailwind 网站并检查该网站，我会发现该网站在其主要 Body 元素上使用了 Tailwindcss 类。
我的问题是这个放在哪里？或者我如何访问它。
如果您使用 nuxt v3，则可以将其添加到您的setup方法中。
export default {
setup () {
useMeta({
bodyAttrs: {
class: 'dark:some-tailwind-class...'
}
})
}
}
| 归档时间： |
|
| 查看次数： |
7120 次 |
| 最近记录： |