网页组件-搜索框
概述
搜索框是网页组件的一种。可以通过输入搜索词筛选数据,支持模糊查询。
该组件在编辑器中的位置如下图所示:
添加方式
从组件工具栏将搜索框组件拖拽到编辑器面板。
属性配置
尺寸大小:包括组件的宽度和高度,单位为像素。
- 可以输入数值自定义大小。
- 也可以通过拖拽的方式改变组件的宽高。
筛选器设置
选择主题:可以设置组件的主题颜色,当前有六种主题色可以选择。
组件名称:可以对当前组件命名。
框内文字:在此处输入搜索文字。
字体:可选择字体样式。
字号:文字的大小。
字重:设置文字粗细。
文字颜色:文字的颜色。 - 在颜色调色板中选择颜色和透明度。
- 手动输入RGB、HSL、Hex数值,改变颜色。
背景颜色:组件的背景颜色。 - 在颜色调色板中选择颜色和透明度。
- 手动输入RGB、HSL、Hex数值,改变颜色。
边框颜色:可以设置容器的边框颜色。 - 在颜色调色板中选择颜色和透明度。
- 手动输入RGB、HSL、Hex数值,改变颜色。
可设置组件的边框类型,包括实线、虚线、无边框。
手动输入数值或点击()按键,改变边框粗细
重置主题样式:一键还原为组件初始化的样式。
数据源连接
搜索框组件配置数据源后,可以通过输入搜索词筛选数据,支持模糊查询。