diff --git a/src/views/chart/ContentLayers/components/LayersListItem/index.ts b/src/views/chart/ContentLayers/components/LayersListItem/index.ts
new file mode 100644
index 00000000..f39abe96
--- /dev/null
+++ b/src/views/chart/ContentLayers/components/LayersListItem/index.ts
@@ -0,0 +1,3 @@
+import LayersListItem from './index.vue'
+
+export { LayersListItem }
diff --git a/src/views/chart/ContentLayers/components/ListItem/index.vue b/src/views/chart/ContentLayers/components/LayersListItem/index.vue
similarity index 100%
rename from src/views/chart/ContentLayers/components/ListItem/index.vue
rename to src/views/chart/ContentLayers/components/LayersListItem/index.vue
diff --git a/src/views/chart/ContentLayers/components/ListItem/index.ts b/src/views/chart/ContentLayers/components/ListItem/index.ts
deleted file mode 100644
index 9e177f8e..00000000
--- a/src/views/chart/ContentLayers/components/ListItem/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import ListItem from './index.vue'
-
-export { ListItem }
diff --git a/src/views/chart/ContentLayers/index.vue b/src/views/chart/ContentLayers/index.vue
index af4156a5..34a4e20e 100644
--- a/src/views/chart/ContentLayers/index.vue
+++ b/src/views/chart/ContentLayers/index.vue
@@ -13,15 +13,15 @@
     </template>
 
     <!-- 图层内容 -->
-    <list-item
-      v-for="item in  reverseList"
+    <layers-list-item
+      v-for="item in reverseList"
       :key="item.id"
       :componentData="item"
       @mousedown="mousedownHandle(item)"
       @mouseenter="mouseenterHandle(item)"
       @mouseleave="mouseleaveHandle(item)"
       @contextmenu="handleContextMenu($event)"
-   ></list-item>
+    ></layers-list-item>
   </content-box>
 </template>
 
@@ -32,18 +32,13 @@ import { useChartLayoutStore } from '@/store/modules/chartLayoutStore/chartLayou
 import { ChartLayoutStoreEnum } from '@/store/modules/chartLayoutStore/chartLayoutStore.d'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { CreateComponentType } from '@/packages/index.d'
-import cloneDeep from 'lodash/cloneDeep';
-import {
-  ChartEditStoreEnum,
-  TargetChartType
-} from '@/store/modules/chartEditStore/chartEditStore.d'
+import cloneDeep from 'lodash/cloneDeep'
 import {
   useContextMenu,
-  MenuOptionsItemType,
   MenuEnum
 } from '@/views/chart/hooks/useContextMenu.hook'
 
-import { ListItem } from './components/ListItem/index'
+import { LayersListItem } from './components/LayersListItem/index'
 import { icon } from '@/plugins'
 
 const { LayersIcon } = icon.ionicons5
@@ -55,7 +50,7 @@ const { handleContextMenu } = useContextMenu({
 })
 
 // 逆序输出
-const reverseList = computed(()=>{
+const reverseList = computed(() => {
   const list: CreateComponentType[] = cloneDeep(chartEditStore.getComponentList)
   return list.reverse()
 })