css - Vue-js-modal 可调整大小问题

标签 css vue.js modal-dialog

默认情况下,vue-js-modal 从中心点开始缩放,这很奇怪。是否可以像所有其他窗口一样缩放它(根据其中一个边缘)?

编辑 在官方页面(http://vue-js-modal.yev.io/)上,当您“单击”resizable 时,您可以明白我的意思。在文档中有一行描述了“可调整大小”属性:“如果为真,则允许调整模态窗口的大小,使其保持在屏幕中央”。我没有找到其他信息,也不想更改源代码。我不希望它保持在中心,因为我认为这是不正确的。

最佳答案

Overlay前需要使用CSS样式手动配置

.v--modal-overlay{
//add style like u r requirement
}

在样式中,您还可以添加这些行使其在叠加后左对齐

v--modal-box v--modal.{
left:0px !important
}

关于css - Vue-js-modal 可调整大小问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53522360/

相关文章:

css - Twitter Bootstrap 居中按钮文本

javascript - 如何修复导航器/窗口/文档在 Nuxt 中未定义

jquery - Bootstrap 3 : URL to auto-open modal?

jquery-ui - 点击 : Load image in a random order of 10px blocks

html - 在固定元素之上滚动元素

vue.js - vue-cli 3如何配置环境变量?

vue.js - vue 如何在 v-model 上使用 getter setter?

reactjs - 如何在父容器中显示模式

c++ - 如何检测窗口当前正在运行模态对话框?

html - 当浏览器增加/减少时,布局背景和前景不会以相同的速率调整