el-dialog固定大小
时间: 2023-11-06 15:02:25 浏览: 111
固定大小的activity
5星 · 资源好评率100%
可以通过给对话框添加一个专属的class来实现el-dialog的固定大小。你可以使用el-dialog的custom-class属性,在对话框中添加一个自定义的class,然后在该class中设置固定的宽度样式。这样无论页面有多宽,对话框都会保持固定的宽度,不会随着页面的宽度而自适应。
例如,在el-dialog标签中添加custom-class属性,并设置一个自定义的class名称,比如"fixed-dialog"。然后在样式表中添加.fixed-dialog的样式,设置固定的宽度,比如width: 500px。
下面是示例代码:
```html
<el-dialog title="标题" :visible.sync="dialogVisible" custom-class="fixed-dialog">
<!-- 对话框内容 -->
</el-dialog>
```
```css
.fixed-dialog {
width: 500px;
}
```
这样设置后,对话框的宽度将固定为500像素,不会随着页面的宽度而自适应。
阅读全文