diff --git a/src/assets/images/chart/decorates/decorates01.png b/src/assets/images/chart/decorates/decorates01.png
new file mode 100644
index 00000000..75dfbf6b
Binary files /dev/null and b/src/assets/images/chart/decorates/decorates01.png differ
diff --git a/src/packages/components/Decorates/Decorates/Decorates01/config.ts b/src/packages/components/Decorates/Decorates/Decorates01/config.ts
new file mode 100644
index 00000000..b0dac7e9
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates01/config.ts
@@ -0,0 +1,15 @@
+import { publicConfig } from '@/packages/public'
+import { CreateComponentType } from '@/packages/index.d'
+import { Decorates01Config } from './index'
+import cloneDeep from 'lodash/cloneDeep'
+
+export const option = {
+  colors: ['#4fd2dd', '#235fa7'],
+  backgroundColor: '#00000000'
+}
+
+export default class Config extends publicConfig implements CreateComponentType {
+  public key = Decorates01Config.key
+  public chartConfig = cloneDeep(Decorates01Config)
+  public option = option
+}
diff --git a/src/packages/components/Decorates/Decorates/Decorates01/config.vue b/src/packages/components/Decorates/Decorates/Decorates01/config.vue
new file mode 100644
index 00000000..44a7bc22
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates01/config.vue
@@ -0,0 +1,6 @@
+<template>
+</template>
+
+<script setup lang="ts">
+
+</script>
diff --git a/src/packages/components/Decorates/Decorates/Decorates01/index.ts b/src/packages/components/Decorates/Decorates/Decorates01/index.ts
new file mode 100644
index 00000000..838cc465
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates01/index.ts
@@ -0,0 +1,14 @@
+import image from '@/assets/images/chart/decorates/decorates01.png'
+import { ConfigType, PackagesCategoryEnum } from '@/packages/index.d'
+import { ChatCategoryEnum,ChatCategoryEnumName } from '../../index.d'
+
+export const Decorates01Config: ConfigType = {
+  key: 'Decorates01',
+  chartKey: 'VDecorates01',
+  conKey: 'VCDecorates01',
+  title: '装饰组件-01',
+  category: ChatCategoryEnum.DECORATES,
+  categoryName: ChatCategoryEnumName.DECORATES,
+  package: PackagesCategoryEnum.DECORATES,
+  image
+}
diff --git a/src/packages/components/Decorates/Decorates/Decorates01/index.vue b/src/packages/components/Decorates/Decorates/Decorates01/index.vue
new file mode 100644
index 00000000..363a64fd
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/Decorates01/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <div>
+    装饰
+  </div>
+</template>
+
+<script setup lang="ts">
+import { PropType, toRefs } from 'vue'
+import { CreateComponentType } from '@/packages/index.d'
+
+const props = defineProps({
+  chartConfig: {
+    type: Object as PropType<CreateComponentType>,
+    required: true
+  }
+})
+
+const { w, h } = toRefs(props.chartConfig.attr)
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/packages/components/Decorates/Decorates/index.ts b/src/packages/components/Decorates/Decorates/index.ts
new file mode 100644
index 00000000..d5c8662a
--- /dev/null
+++ b/src/packages/components/Decorates/Decorates/index.ts
@@ -0,0 +1,3 @@
+import { Decorates01Config } from './Decorates01/index'
+
+export default [Decorates01Config]
diff --git a/src/packages/components/Decorates/index.d.ts b/src/packages/components/Decorates/index.d.ts
index 6a2b40e1..02974981 100644
--- a/src/packages/components/Decorates/index.d.ts
+++ b/src/packages/components/Decorates/index.d.ts
@@ -1,9 +1,11 @@
 export enum ChatCategoryEnum {
   BORDER = 'Borders',
+  DECORATES = 'Decorates',
   MORE = 'Mores'
 }
 
 export enum ChatCategoryEnumName {
   BORDER = '边框',
+  DECORATES = '装饰',
   MORE = '更多'
 }
\ No newline at end of file
diff --git a/src/packages/components/Decorates/index.ts b/src/packages/components/Decorates/index.ts
index 88e0a2cb..ef13e4ee 100644
--- a/src/packages/components/Decorates/index.ts
+++ b/src/packages/components/Decorates/index.ts
@@ -1,4 +1,5 @@
 import Borders from './Borders'
+import Decorates from './Decorates'
 import Mores from './Mores'
 
-export const DecorateList = [...Borders, ...Mores]
+export const DecorateList = [...Borders, ...Decorates, ...Mores]