优化显示效果

This commit is contained in:
liuwei
2025-05-28 17:48:39 +08:00
parent 4a81a67d28
commit 3c08352dd9

View File

@@ -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 %}