手册版本 V5.0
搜索框是较为常用的组件，GraceUI 搜索框组件具备配置灵活、功能全面等优点，您可以在页面布局中直接使用她~
组件名称
gui-search : /graceUI/组件目录/gui-search
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| height | String | 60rpx | 组件高度 |
| background | String | #FFFFFF 白色 | 组件背景颜色 |
| fontSize | String | 28rpx | 文本大小 |
| iconWidth | String | 60rpx | 搜索图标宽度 |
| iconColor | String | #A5A7B2 | 搜索图标颜色 |
| iconFontSize | String | 30rpx | 搜索图标尺寸 |
| inputHeight | String | 30rpx | 搜索框高度 |
| inputFontSize | String | 26rpx | 搜索文本大小 |
| placeholder | String | 关键字 | 搜索框提示文本 |
| placeholderClass | String | '' | placeholder 自定义样式类 |
| kwd | String | 空 | 默认搜索关键字 |
| borderRadius | String | 60rpx | 组件圆角尺寸 |
| disabled | Boolean | false | 输入框是否被禁用 |
| focus | Boolean | false | 是否自动聚焦 |
| clearBtn 2021.09.26 新增 | Boolean | true | 是否展示清除关键字按钮 |
| disableColor 2021.10.22 新增 | String | #666666 | 禁用时组件文本颜色 |
组件事件
confirm : 确认按钮点击后的确认事件，携带输入内容; inputting : 键盘输入时激活的事件，携带输入内容; clear : 关键字清空时激活的事件; tapme : 组件被点击时触发的事件;
兼容平台
| H5 | APP | 小程序 | NVUE |
| ✔ | ✔ | ✔ | ✔ |
演示代码
UNI 普通版本
NVUE 版本
登录并购买 GraceUI 后可以查阅完整手册内容 。
