1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
| import type { ComponentStyle, DiyComponent } from '../../../util';
|
| /** 搜索框属性 */
| export interface SearchProperty {
| height: number; // 搜索栏高度
| showScan: boolean; // 显示扫一扫
| borderRadius: number; // 框体样式
| placeholder: string; // 占位文字
| placeholderPosition: PlaceholderPosition; // 占位文字位置
| backgroundColor: string; // 框体颜色
| textColor: string; // 字体颜色
| hotKeywords: string[]; // 热词
| style: ComponentStyle;
| }
|
| /** 文字位置 */
| export type PlaceholderPosition = 'center' | 'left';
|
| /** 定义组件 */
| export const component = {
| id: 'SearchBar',
| name: '搜索框',
| icon: 'lucide:search',
| property: {
| height: 28,
| showScan: false,
| borderRadius: 0,
| placeholder: '搜索商品',
| placeholderPosition: 'left',
| backgroundColor: 'rgb(238, 238, 238)',
| textColor: 'rgb(150, 151, 153)',
| hotKeywords: [],
| style: {
| bgType: 'color',
| bgColor: '#fff',
| marginBottom: 8,
| paddingTop: 8,
| paddingRight: 8,
| paddingBottom: 8,
| paddingLeft: 8,
| } as ComponentStyle,
| },
| } as DiyComponent<SearchProperty>;
|
|
