优化显示效果
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user