网页组件-搜索框

概述

搜索框是网页组件的一种。可以通过输入搜索词筛选数据,支持模糊查询。
该组件在编辑器中的位置如下图所示:
Application

添加方式

从组件工具栏将搜索框组件拖拽到编辑器面板。
Application

属性配置

尺寸大小:包括组件的宽度和高度,单位为像素。

  • 可以输入数值自定义大小。
  • 也可以通过拖拽的方式改变组件的宽高。
    ApplicationApplication 筛选器设置
    选择主题:可以设置组件的主题颜色,当前有六种主题色可以选择。
    Application
    组件名称:可以对当前组件命名。
    Application
    框内文字:在此处输入搜索文字。
    Application
    字体:可选择字体样式。
    Application
    字号:文字的大小。
    Application
    字重:设置文字粗细。
    Application
    文字颜色:文字的颜色。
  • 在颜色调色板中选择颜色和透明度。
  • 手动输入RGB、HSL、Hex数值,改变颜色。
    Application
    背景颜色:组件的背景颜色。
  • 在颜色调色板中选择颜色和透明度。
  • 手动输入RGB、HSL、Hex数值,改变颜色。
    Application
    边框颜色:可以设置容器的边框颜色。
  • 在颜色调色板中选择颜色和透明度。
  • 手动输入RGB、HSL、Hex数值,改变颜色。
    Application
    可设置组件的边框类型,包括实线、虚线、无边框。
    手动输入数值或点击( Application )按键,改变边框粗细
    Application
    重置主题样式:一键还原为组件初始化的样式。
    Application

数据源连接

搜索框组件配置数据源后,可以通过输入搜索词筛选数据,支持模糊查询。
Application