公会大作战活动集结号

使用 Element Plus 的 el-dialog 组件，并在其中嵌套了一个数字输入框，当你打开对话框时，背景变为黑色，并且有一个阴影。这是因为 Element Plus 的 el-dialog 组件默认设置了一个 --el-dialog-mask-color 样式，用于显示遮罩层。

要解决这个问题，你可以在 el-dialog 组件上添加一个 model 属性，并将其设置为 false。这样可以禁用遮罩层，从而消除背景变黑和阴影的问题。例如：

title="对话框标题"

:visible.sync="dialogVisible"

:model="false">

如果还有阴影，可以尝试将 append-to-body 属性设置为 true。这将使对话框插入到 body 元素中，而不是作为文档的根元素，从而消除阴影。例如：

title="对话框标题"

:visible.sync="dialogVisible"

:model="false"

append-to-body="true">

不过注意，将 append-to-body 属性设置为 true 可能会影响你的应用程序的布局。仅供参考，希望对你有帮助