我想用 Nuxt.js 创建一个网站。我听说它很酷而且易于使用。我对 vue.js 有一点了解,但仍然找不到这个问题的解决方案:
如何去除主体的填充物?
我知道默认的边距/填充是 8px。
我尝试了以下操作:
在根目录创建 app.html/idex.html 并设置样式。
在pages/index.vue中添加了样式
使用带有 !important 标记的边距/填充。
但是仍然找不到解决方案
最佳答案
您可以在布局或页面中使用 head()
函数。
<script>
export default {
head () {
return {
bodyAttrs: {
class: 'reset-body'
}
}
}
}
</script>
<style>
.reset-body {
margin: 0
}
</style>
Stackblitz:https://stackblitz.com/edit/nuxt-starter-pl9ywp?file=pages%2Findex.vue
或者,如果您想通过 app.html
文件真正对其进行全局设置,它也应该可以工作(添加到 Stackblitz)
关于javascript - 在 Nuxt.js 中从正文中删除填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69191718/