diff --git a/src/assets/images/chart/decorates/TimeCommon1.png b/src/assets/images/chart/decorates/TimeCommon1.png
new file mode 100644
index 00000000..c10e9671
Binary files /dev/null and b/src/assets/images/chart/decorates/TimeCommon1.png differ
diff --git a/src/packages/components/CustomComponents/Backgrounds/Backgrounds/index.vue b/src/packages/components/CustomComponents/Backgrounds/Backgrounds/index.vue
index f43ec33a..340e743e 100644
--- a/src/packages/components/CustomComponents/Backgrounds/Backgrounds/index.vue
+++ b/src/packages/components/CustomComponents/Backgrounds/Backgrounds/index.vue
@@ -3,7 +3,7 @@
     <n-image
       :object-fit="fit"
       preview-disabled
-      :src="`/src/assets/images/chart/customponents/${dataset}`"
+      :src="imageInfo"
       :fallback-src="requireErrorImg()"
       :width="w"
       lazy
@@ -13,10 +13,11 @@
 </template>
 
 <script setup lang="ts">
-import { PropType, toRefs } from 'vue'
+import { PropType, toRefs, ref } from 'vue'
 import { requireErrorImg } from '@/utils'
 import { CreateComponentType } from '@/packages/index.d'
 // import background from '@/assets/customComponents/theme1/backgrond.jpg'
+import { fetchImages } from '@/packages'
 
 const props = defineProps({
   chartConfig: {
@@ -28,6 +29,13 @@ const props = defineProps({
 const { w, h } = toRefs(props.chartConfig.attr)
 const { dataset, fit, borderRadius } = toRefs(props.chartConfig.option)
 
+let imageInfo = ref('')
+// 获取图片
+const fetchImageUrl = async () => {
+  imageInfo.value = await fetchImages(props.chartConfig.chartConfig)
+}
+fetchImageUrl()
+
 const getStyle = (radius: number) => {
   return {
     borderRadius: `${radius}px`,
diff --git a/src/packages/components/Decorates/TopBars/TopBars/index.vue b/src/packages/components/Decorates/TopBars/TopBars/index.vue
index bea841c9..cf4436f4 100644
--- a/src/packages/components/Decorates/TopBars/TopBars/index.vue
+++ b/src/packages/components/Decorates/TopBars/TopBars/index.vue
@@ -3,7 +3,7 @@
     <n-image
       :object-fit="fit"
       preview-disabled
-      :src="`/src/assets/images/chart/decorates/${dataset}`"
+      :src="imageInfo"
       :fallback-src="requireErrorImg()"
       :width="w"
       lazy
@@ -13,9 +13,10 @@
 </template>
 
 <script setup lang="ts">
-import { PropType, toRefs } from 'vue'
+import { PropType, ref, toRefs } from 'vue'
 import { requireErrorImg } from '@/utils'
 import { CreateComponentType } from '@/packages/index.d'
+import { fetchImages } from "@/packages/index";
 
 const props = defineProps({
   chartConfig: {
@@ -27,6 +28,13 @@ const props = defineProps({
 const { w, h } = toRefs(props.chartConfig.attr)
 const { dataset, fit, borderRadius } = toRefs(props.chartConfig.option)
 
+let imageInfo = ref('')
+// 获取图片
+const fetchImageUrl = async () => {
+  imageInfo.value = await fetchImages(props.chartConfig.chartConfig)
+}
+fetchImageUrl()
+
 const getStyle = (radius: number) => {
   return {
     borderRadius: `${radius}px`,