diff --git a/src/pages/list/base/index.vue b/src/pages/list/base/index.vue
index 55fd105..598c91e 100644
--- a/src/pages/list/base/index.vue
+++ b/src/pages/list/base/index.vue
@@ -83,6 +83,7 @@ import { CONTRACT_STATUS, CONTRACT_TYPES, CONTRACT_PAYMENT_TYPES } from '@/const
 import Trend from '@/components/trend/index.vue';
 import { getList } from '@/api/list';
 import { useSettingStore } from '@/store';
+import { prefix } from '@/config/global';
 
 import { COLUMNS } from './constants';
 
@@ -181,7 +182,7 @@ const offsetTop = computed(() => {
 });
 
 const getContainer = () => {
-  return document.querySelector('.tdesign-starter-layout');
+  return document.querySelector(`.${prefix}-layout`);
 };
 </script>
 
diff --git a/src/pages/list/components/CommonTable.vue b/src/pages/list/components/CommonTable.vue
index 37c92d6..d89d5ee 100644
--- a/src/pages/list/components/CommonTable.vue
+++ b/src/pages/list/components/CommonTable.vue
@@ -118,6 +118,7 @@ import { MessagePlugin } from 'tdesign-vue-next';
 import Trend from '@/components/trend/index.vue';
 import { getList } from '@/api/list';
 import { useSettingStore } from '@/store';
+import { prefix } from '@/config/global';
 
 import {
   CONTRACT_STATUS,
@@ -265,7 +266,7 @@ const offsetTop = computed(() => {
 });
 
 const getContainer = () => {
-  return document.querySelector('.tdesign-starter-layout');
+  return document.querySelector(`.${prefix}-layout`);
 };
 </script>
 
diff --git a/src/style/layout.less b/src/style/layout.less
index c4f7fe1..fd0f838 100644
--- a/src/style/layout.less
+++ b/src/style/layout.less
@@ -16,7 +16,7 @@
     margin-left: 0;
   }
 }
-.tdesign-starter-link {
+.@{starter-prefix}-link {
   color: var(--td-brand-color);
   text-decoration: none;
   margin-right: 24px;