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/TabBar/config.ts | 97 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 97 insertions(+), 0 deletions(-)
diff --git a/src/components/DiyEditor/components/mobile/TabBar/config.ts b/src/components/DiyEditor/components/mobile/TabBar/config.ts
new file mode 100644
index 0000000..88d706f
--- /dev/null
+++ b/src/components/DiyEditor/components/mobile/TabBar/config.ts
@@ -0,0 +1,97 @@
+import { DiyComponent } from '@/components/DiyEditor/util'
+
+/** 搴曢儴瀵艰埅鑿滃崟灞炴�� */
+export interface TabBarProperty {
+ // 閫夐」鍒楄〃
+ items: TabBarItemProperty[]
+ // 涓婚
+ theme: string
+ // 鏍峰紡
+ style: TabBarStyle
+}
+
+// 閫夐」灞炴��
+export interface TabBarItemProperty {
+ // 鏍囩鏂囧瓧
+ text: string
+ // 閾炬帴
+ url: string
+ // 榛樿鍥炬爣閾炬帴
+ iconUrl: string
+ // 閫変腑鐨勫浘鏍囬摼鎺�
+ activeIconUrl: string
+}
+
+// 鏍峰紡
+export interface TabBarStyle {
+ // 鑳屾櫙绫诲瀷
+ bgType: 'color' | 'img'
+ // 鑳屾櫙棰滆壊
+ bgColor: string
+ // 鍥剧墖閾炬帴
+ bgImg: string
+ // 榛樿棰滆壊
+ color: string
+ // 閫変腑鐨勯鑹�
+ activeColor: string
+}
+
+// 瀹氫箟缁勪欢
+export const component = {
+ id: 'TabBar',
+ name: '搴曢儴瀵艰埅',
+ icon: 'fluent:table-bottom-row-16-filled',
+ property: {
+ theme: 'red',
+ style: {
+ bgType: 'color',
+ bgColor: '#fff',
+ color: '#282828',
+ activeColor: '#fc4141'
+ },
+ items: [
+ {
+ text: '棣栭〉',
+ url: '/pages/index/index',
+ iconUrl: 'http://mall.yudao.iocoder.cn/static/images/1-001.png',
+ activeIconUrl: 'http://mall.yudao.iocoder.cn/static/images/1-002.png'
+ },
+ {
+ text: '鍒嗙被',
+ url: '/pages/index/category?id=3',
+ iconUrl: 'http://mall.yudao.iocoder.cn/static/images/2-001.png',
+ activeIconUrl: 'http://mall.yudao.iocoder.cn/static/images/2-002.png'
+ },
+ {
+ text: '璐墿杞�',
+ url: '/pages/index/cart',
+ iconUrl: 'http://mall.yudao.iocoder.cn/static/images/3-001.png',
+ activeIconUrl: 'http://mall.yudao.iocoder.cn/static/images/3-002.png'
+ },
+ {
+ text: '鎴戠殑',
+ url: '/pages/index/user',
+ iconUrl: 'http://mall.yudao.iocoder.cn/static/images/4-001.png',
+ activeIconUrl: 'http://mall.yudao.iocoder.cn/static/images/4-002.png'
+ }
+ ]
+ }
+} as DiyComponent<TabBarProperty>
+
+export const THEME_LIST = [
+ { id: 'red', name: '涓浗绾�', icon: 'icon-park-twotone:theme', color: '#d10019' },
+ { id: 'orange', name: '妗旀', icon: 'icon-park-twotone:theme', color: '#f37b1d' },
+ { id: 'gold', name: '鏄庨粍', icon: 'icon-park-twotone:theme', color: '#fbbd08' },
+ { id: 'green', name: '姗勬缁�', icon: 'icon-park-twotone:theme', color: '#8dc63f' },
+ { id: 'cyan', name: '澶╅潚', icon: 'icon-park-twotone:theme', color: '#1cbbb4' },
+ { id: 'blue', name: '娴疯摑', icon: 'icon-park-twotone:theme', color: '#0081ff' },
+ { id: 'purple', name: '濮圭传', icon: 'icon-park-twotone:theme', color: '#6739b6' },
+ { id: 'brightRed', name: '瀚ｇ孩', icon: 'icon-park-twotone:theme', color: '#e54d42' },
+ { id: 'forestGreen', name: '妫豢', icon: 'icon-park-twotone:theme', color: '#39b54a' },
+ { id: 'mauve', name: '鏈ㄦЭ', icon: 'icon-park-twotone:theme', color: '#9c26b0' },
+ { id: 'pink', name: '妗冪矇', icon: 'icon-park-twotone:theme', color: '#e03997' },
+ { id: 'brown', name: '妫曡', icon: 'icon-park-twotone:theme', color: '#a5673f' },
+ { id: 'grey', name: '鐜勭伆', icon: 'icon-park-twotone:theme', color: '#8799a3' },
+ { id: 'gray', name: '鑽夌伆', icon: 'icon-park-twotone:theme', color: '#aaaaaa' },
+ { id: 'black', name: '澧ㄩ粦', icon: 'icon-park-twotone:theme', color: '#333333' }
+]
--
Gitblit v1.8.0