| 提交 | 用户 | 时间 | ||
| 820397 | 1 | import { ComponentStyle, DiyComponent } from '@/components/DiyEditor/util' |
| H | 2 | |
| 3 | /** 公告栏属性 */ | |
| 4 | export interface NoticeBarProperty { | |
| 5 | // 图标地址 | |
| 6 | iconUrl: string | |
| 7 | // 公告内容列表 | |
| 8 | contents: NoticeContentProperty[] | |
| 9 | // 背景颜色 | |
| 10 | backgroundColor: string | |
| 11 | // 文字颜色 | |
| 12 | textColor: string | |
| 13 | // 组件样式 | |
| 14 | style: ComponentStyle | |
| 15 | } | |
| 16 | ||
| 17 | /** 内容属性 */ | |
| 18 | export interface NoticeContentProperty { | |
| 19 | // 内容文字 | |
| 20 | text: string | |
| 21 | // 链接地址 | |
| 22 | url: string | |
| 23 | } | |
| 24 | ||
| 25 | // 定义组件 | |
| 26 | export const component = { | |
| 27 | id: 'NoticeBar', | |
| 28 | name: '公告栏', | |
| 29 | icon: 'ep:bell', | |
| 30 | property: { | |
| 9259c2 | 31 | iconUrl: 'http://mall.yudao.iocoder.cn/static/images/xinjian.png', |
| 820397 | 32 | contents: [ |
| H | 33 | { |
| 34 | text: '', | |
| 35 | url: '' | |
| 36 | } | |
| 37 | ], | |
| 38 | backgroundColor: '#fff', | |
| 39 | textColor: '#333', | |
| 40 | style: { | |
| 41 | bgType: 'color', | |
| 42 | bgColor: '#fff', | |
| 43 | marginBottom: 8 | |
| 44 | } as ComponentStyle | |
| 45 | } | |
| 46 | } as DiyComponent<NoticeBarProperty> | |
