优化显示效果

This commit is contained in:
liuwei
2025-05-28 17:46:17 +08:00
parent 68780964d6
commit 4a81a67d28

View File

@@ -4,9 +4,7 @@
{% block content %} {% block content %}
<div class="iframe-page-container"> <div class="iframe-page-container">
<el-row :gutter="20"> <el-card class="iframe-card">
<el-col :span="24">
<el-card shadow="hover" class="iframe-card">
<div slot="header"> <div slot="header">
<span>服务器监控</span> <span>服务器监控</span>
</div> </div>
@@ -14,8 +12,6 @@
<iframe src="http://192.168.2.170:61208/" frameborder="0"></iframe> <iframe src="http://192.168.2.170:61208/" frameborder="0"></iframe>
</div> </div>
</el-card> </el-card>
</el-col>
</el-row>
</div> </div>
{% endblock %} {% endblock %}
@@ -27,7 +23,7 @@
data() { data() {
return { return {
currentView: '14', currentView: '14',
showTimeRangeSelector: false // 禁用时间范围选择器 showTimeRangeSelector: false
} }
}, },
mounted() { mounted() {
@@ -47,8 +43,8 @@
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0;
height: 100%; height: 100%;
margin: 0;
} }
.el-card__body { .el-card__body {
@@ -61,12 +57,13 @@
.iframe-container { .iframe-container {
flex: 1; flex: 1;
overflow: auto; overflow: auto;
min-height: 0;
} }
.iframe-container iframe { .iframe-container iframe {
border: none;
width: 100%; width: 100%;
height: 100%; height: 100%;
border: none;
display: block; display: block;
} }
</style> </style>