mirror of
https://github.com/yudaocode/yudao-ui-admin-vue3.git
synced 2026-04-29 20:08:39 +00:00
43 lines
812 B
TypeScript
43 lines
812 B
TypeScript
import { ComponentStyle, DiyComponent } from '@/components/DiyEditor/util'
|
|
|
|
/** 热区属性 */
|
|
export interface HotZoneProperty {
|
|
// 图片地址
|
|
imgUrl: string
|
|
// 导航菜单列表
|
|
list: HotZoneItemProperty[]
|
|
// 组件样式
|
|
style: ComponentStyle
|
|
}
|
|
/** 热区项目属性 */
|
|
export interface HotZoneItemProperty {
|
|
// 链接的名称
|
|
name: string
|
|
// 链接
|
|
url: string
|
|
// 宽
|
|
width: number
|
|
// 高
|
|
height: number
|
|
// 上
|
|
top: number
|
|
// 左
|
|
left: number
|
|
}
|
|
|
|
// 定义组件
|
|
export const component = {
|
|
id: 'HotZone',
|
|
name: '热区',
|
|
icon: 'tabler:hand-click',
|
|
property: {
|
|
imgUrl: '',
|
|
list: [] as HotZoneItemProperty[],
|
|
style: {
|
|
bgType: 'color',
|
|
bgColor: '#fff',
|
|
marginBottom: 8
|
|
} as ComponentStyle
|
|
}
|
|
} as DiyComponent<HotZoneProperty>
|