[Vuejs]-I'm trying to customize a centered popup window in a vue project, but the web page has a lot of blank space

by

0👍

I’ve found the answer, it’s an oversight of mine:

ProxySettings.vue:

<template>
...
<template/>

<script>
<script/>

<style lang="less" scope>
...
margin: 20px;
width: calc(100vw - 2 * @contentDistance);
height: calc(100vh - 2 * @contentDistance);
...
<style>

The values for width and height are wrong.the correct one is:

width: calc(50vw - 2 * @contentDistance)
height: calc(50vh - 2 * @contentDistance)

Leave a comment