diff --git a/src/views/chart/ContentDetails/components/CanvasPage/components/ChartSysSetting/index.ts b/src/views/chart/ContentDetails/components/CanvasPage/components/ChartSysSetting/index.ts
deleted file mode 100644
index 2c3c996e..00000000
--- a/src/views/chart/ContentDetails/components/CanvasPage/components/ChartSysSetting/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import ChartSysSetting from './index.vue'
-
-export { ChartSysSetting }
diff --git a/src/views/chart/ContentDetails/components/CanvasPage/components/ChartSysSetting/index.vue b/src/views/chart/ContentDetails/components/CanvasPage/components/ChartThemSetting/index.vue
similarity index 100%
rename from src/views/chart/ContentDetails/components/CanvasPage/components/ChartSysSetting/index.vue
rename to src/views/chart/ContentDetails/components/CanvasPage/components/ChartThemSetting/index.vue
diff --git a/src/views/chart/ContentDetails/components/CanvasPage/components/ChartTheme/index.ts b/src/views/chart/ContentDetails/components/CanvasPage/components/ChartTheme/index.ts
deleted file mode 100644
index 79dfaea1..00000000
--- a/src/views/chart/ContentDetails/components/CanvasPage/components/ChartTheme/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import ChartTheme from './index.vue'
-
-export { ChartTheme }
diff --git a/src/views/chart/ContentDetails/components/CanvasPage/components/ChartTheme/index.vue b/src/views/chart/ContentDetails/components/CanvasPage/components/ChartThemeColor/index.vue
similarity index 100%
rename from src/views/chart/ContentDetails/components/CanvasPage/components/ChartTheme/index.vue
rename to src/views/chart/ContentDetails/components/CanvasPage/components/ChartThemeColor/index.vue
diff --git a/src/views/chart/ContentDetails/components/CanvasPage/index.vue b/src/views/chart/ContentDetails/components/CanvasPage/index.vue
index 21ebc659..83282ad3 100644
--- a/src/views/chart/ContentDetails/components/CanvasPage/index.vue
+++ b/src/views/chart/ContentDetails/components/CanvasPage/index.vue
@@ -124,9 +124,7 @@ import { backgroundImageSize } from '@/settings/designSetting'
 import { useChartEditStoreStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { EditCanvasConfigEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
 import { UploadCustomRequestOptions } from 'naive-ui'
-import { ChartTheme } from './components/ChartTheme/index'
-import { ChartSysSetting } from './components/ChartSysSetting/index'
-import { fileToUrl } from '@/utils'
+import { fileToUrl, loadAsyncComponent } from '@/utils'
 import { icon } from '@/plugins'
 
 const { ColorPaletteIcon } = icon.ionicons5
@@ -138,19 +136,22 @@ const canvasConfig = chartEditStoreStore.getEditCanvasConfig
 const uploadFileListRef = ref()
 const switchSelectColorLoading = ref(false)
 
+const ChartThemeColor = loadAsyncComponent(() => import('./components/ChartThemeColor/index.vue'))
+const ChartThemSetting = loadAsyncComponent(() => import('./components/ChartThemSetting/index.vue'))
+
 // 页面设置
 const globalTabList = [
   {
     key: 'ChartTheme',
     title: '主题颜色',
     icon: ColorPaletteIcon,
-    render: ChartTheme
+    render: ChartThemeColor
   },
   {
     key: 'ChartSysSetting',
     title: '全局图表',
     icon: ZAxisIcon,
-    render: ChartSysSetting
+    render: ChartThemSetting
   }
 ]