From a1d7e81859f554f3a53680cc35f0f49bf1f77098 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期四, 14 五月 2026 14:37:02 +0800
Subject: [PATCH] 导入项目
---
src/components/DiyEditor/components/mobile/Carousel/config.ts | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 53 insertions(+), 0 deletions(-)
diff --git a/src/components/DiyEditor/components/mobile/Carousel/config.ts b/src/components/DiyEditor/components/mobile/Carousel/config.ts
new file mode 100644
index 0000000..1ca9de8
--- /dev/null
+++ b/src/components/DiyEditor/components/mobile/Carousel/config.ts
@@ -0,0 +1,53 @@
+import { ComponentStyle, DiyComponent } from '@/components/DiyEditor/util'
+
+/** 杞挱鍥惧睘鎬� */
+export interface CarouselProperty {
+ // 绫诲瀷锛氶粯璁� | 鍗＄墖
+ type: 'default' | 'card'
+ // 鎸囩ず鍣ㄦ牱寮忥細鐐� | 鏁板瓧
+ indicator: 'dot' | 'number'
+ // 鏄惁鑷姩鎾斁
+ autoplay: boolean
+ // 鎾斁闂撮殧
+ interval: number
+ // 杞挱楂樺害
+ height: number
+ // 杞挱鍐呭
+ items: CarouselItemProperty[]
+ // 缁勪欢鏍峰紡
+ style: ComponentStyle
+}
+// 杞挱鍐呭灞炴��
+export interface CarouselItemProperty {
+ // 绫诲瀷锛氬浘鐗� | 瑙嗛
+ type: 'img' | 'video'
+ // 鍥剧墖閾炬帴
+ imgUrl: string
+ // 瑙嗛閾炬帴
+ videoUrl: string
+ // 璺宠浆閾炬帴
+ url: string
+}
+
+// 瀹氫箟缁勪欢
+export const component = {
+ id: 'Carousel',
+ name: '杞挱鍥�',
+ icon: 'system-uicons:carousel',
+ property: {
+ type: 'default',
+ indicator: 'dot',
+ autoplay: false,
+ interval: 3,
+ height: 174,
+ items: [
+ { type: 'img', imgUrl: 'https://static.iocoder.cn/mall/banner-01.jpg', videoUrl: '' },
+ { type: 'img', imgUrl: 'https://static.iocoder.cn/mall/banner-02.jpg', videoUrl: '' }
+ ] as CarouselItemProperty[],
+ style: {
+ bgType: 'color',
+ bgColor: '#fff',
+ marginBottom: 8
+ } as ComponentStyle
+ }
+} as DiyComponent<CarouselProperty>
--
Gitblit v1.8.0