优化显示效果
This commit is contained in:
@@ -3,20 +3,15 @@
|
||||
{% block title %}接口文档 - 机器人管理后台{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<!-- 接口文档 -->
|
||||
<div>
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="24">
|
||||
<el-card shadow="hover">
|
||||
<div slot="header">
|
||||
<span>接口文档</span>
|
||||
</div>
|
||||
<div class="iframe-container">
|
||||
<iframe src="http://192.168.2.170:8058/" frameborder="0" width="100%" height="800px"></iframe>
|
||||
</div>
|
||||
</el-card>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<div class="iframe-page-container">
|
||||
<el-card class="iframe-card">
|
||||
<div slot="header">
|
||||
<span>接口文档</span>
|
||||
</div>
|
||||
<div class="iframe-container">
|
||||
<iframe src="http://192.168.2.170:8058/" frameborder="0"></iframe>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -27,27 +22,49 @@
|
||||
mixins: [baseApp],
|
||||
data() {
|
||||
return {
|
||||
// 设置当前菜单项
|
||||
currentView: '13' // 使用一个新的索引,确保在菜单中能正确高亮
|
||||
currentView: '13',
|
||||
showTimeRangeSelector: false
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// 页面加载时设置当前视图
|
||||
this.currentView = '13';
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.iframe-container {
|
||||
width: 100%;
|
||||
.iframe-page-container {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.iframe-card {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.el-card__body {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
.iframe-container {
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.iframe-container iframe {
|
||||
border: none;
|
||||
width: 100%;
|
||||
min-height: 800px;
|
||||
height: 100%;
|
||||
border: none;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user