36 lines
975 B
TypeScript
36 lines
975 B
TypeScript
import { DiyComponent } from '@/components/DiyEditor/util'
|
|
|
|
/** 搜索框属性 */
|
|
export interface SearchProperty {
|
|
height: number // 搜索栏高度
|
|
showScan: boolean // 显示扫一扫
|
|
borderRadius: number // 框体样式
|
|
placeholder: string // 占位文字
|
|
placeholderPosition: PlaceholderPosition // 占位文字位置
|
|
backgroundColor: string // 背景颜色
|
|
borderColor: string // 框体颜色
|
|
textColor: string // 字体颜色
|
|
hotKeywords: string[] // 热词
|
|
}
|
|
|
|
// 文字位置
|
|
export type PlaceholderPosition = 'left' | 'center'
|
|
|
|
// 定义组件
|
|
export const component = {
|
|
id: 'SearchBar',
|
|
name: '搜索框',
|
|
icon: 'ep:search',
|
|
property: {
|
|
height: 28,
|
|
showScan: false,
|
|
borderRadius: 0,
|
|
placeholder: '搜索商品',
|
|
placeholderPosition: 'left',
|
|
backgroundColor: 'rgb(249, 249, 249)',
|
|
borderColor: 'rgb(255, 255, 255)',
|
|
textColor: 'rgb(150, 151, 153)',
|
|
hotKeywords: []
|
|
}
|
|
} as DiyComponent<SearchProperty>
|