如何删除 vue 应用程序中神秘的白色区域？-PHP中文网问答

我正在尝试使用 vue 3 构建一个网站并为其设置背景图片。但有一个神秘的白色区域无法去除。我确信这不是边距或填充，因为我已将所有边距和填充设置为 0，并删除了所有 ml ,pl 类。我将应用程序组件的黑底颜色设置为黑色，但该区域仍然是白色的。 chrome的inspect工具说这是一个html元素，请帮帮我。（我把backgroup图片放在Login.vue的style部分了。）

来自浏览器检查工具的信息：

用农药检查：




  
    
    
    
    
    <%= htmlWebpackPlugin.options.title %>

我把backgroup图片放在Login.vue的style部分。

// 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;

Log in