Pensé en crear un sitio web con Nuxt.js. Escuché que es genial y fácil de usar. Tengo un poco de conocimiento sobre vue.js pero aún no puedo encontrar la solución a este problema:
¿Cómo quitaré el acolchado del cuerpo?
Sé que el margen/relleno predeterminado es 8px.
Intenté lo siguiente:
Creó app.html/idex.html en la raíz y estableció el estilo.
Estilo agregado en pages/index.vue
Usó tanto el margen como el relleno con la etiqueta !important.
Pero aún así, no puedo encontrar la solución.
Puede usar la función head() en su diseño o su página.
<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
O, si realmente desea configurarlo globalmente a través del archivo app.html , también debería funcionar (agregado a Stackblitz)