J'essaie de créer un site Web en utilisant vue 3 et de définir une image d'arrière-plan pour celui-ci. Mais il existe une mystérieuse zone blanche qui ne peut pas être supprimée. Je suis sûr que ce ne sont pas les marges ou le remplissage, car j'ai défini toutes les marges et le remplissage sur 0 et supprimé toutes les classes ml, pl. J'ai défini la couleur de fond noir du composant d'application sur noir, mais la zone est toujours blanche. L'outil d'inspection de Chrome indique qu'il s'agit d'un élément HTML, aidez-moi s'il vous plaît. (J'ai mis l'image du backgroup dans la section style de Login.vue.)

Informations du vérificateur de navigateur :

Vérifiez avec les pesticides :

J'ai mis l'image du backgroup dans la section style de Login.vue.

// main.js import { createApp } from 'vue' import App from './App.vue' import router from "./router"; import 'bootstrap' import 'bootstrap/dist/css/bootstrap.min.css' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' const app = createApp(App) app.use(ElementPlus) app.use(router) app.mount('#app')

// router.js import { createWebHistory, createRouter } from "vue-router"; const routes = [ { path: '/', alias: '/login', component: () => import('@/components/Login.vue') }, { path: '/index', component: () => import('@/components/AppIndex.vue') } ] const router = createRouter({ history: createWebHistory(), routes }) export default router;