diff --git a/src/dashboard-front/src/views/apiDocs/doc-detail.vue b/src/dashboard-front/src/views/apiDocs/doc-detail.vue
index 371e63aba..c096656c5 100644
--- a/src/dashboard-front/src/views/apiDocs/doc-detail.vue
+++ b/src/dashboard-front/src/views/apiDocs/doc-detail.vue
@@ -35,13 +35,6 @@
-
-
@@ -54,7 +47,6 @@
:max="480"
:min="293"
style="flex-grow: 1;"
- @collapse-change="updateIsRightAsideCollapsed"
>
import {
computed,
- nextTick,
onBeforeMount,
provide,
ref,
@@ -254,8 +245,6 @@ const sdks = ref([]);
const isSdkInstructionSliderShow = ref(false);
const navList = ref([]);
const outerResizeLayoutRef = ref | null>(null);
-// 记录右栏折叠状态
-const isAsideVisible = ref(true);
const isLoading = ref(false);
const keyword = ref(''); // 筛选器输入框的搜索关键字
const activeGroupPanelNames = ref([]); // API分类 collapse 展开的 panel
@@ -499,16 +488,6 @@ const init = async () => {
}
};
-const toggleAsideVisible = () => {
- nextTick(() => {
- outerResizeLayoutRef.value?.setCollapse(isAsideVisible.value);
- });
-};
-
-const updateIsRightAsideCollapsed = (collapsed: boolean) => {
- isAsideVisible.value = !collapsed;
-};
-
const handleGoBack = () => {
router.push({
name: 'apiDocs',
@@ -823,7 +802,11 @@ onBeforeMount(() => {
// 隐藏的折叠按钮
:deep(.bk-resize-layout > .bk-resize-layout-aside .bk-resize-collapse) {
- display: none !important;
+ // 避免折叠按钮溢出制造横向滚动条
+ svg {
+ width: 16px !important;
+ height: 16px !important;
+ }
}
}