手册版本 V6.0
搜索框是较为常用的组件，GraceUI 搜索框组件具备配置灵活、功能全面等优点，您可以在页面布局中直接使用它~
组件名称
gui-search : GraceUI组件目录/gui-search.vue
组件属性
| 属性名称 | 类型 | 默认值 | 作用 |
| height | String | 66rpx | 组件高度 |
| customClass | Array | ['gui-bg-gray', 'gui-dark-bg-level-3'] | 组件外层自定义样式 |
| fontSize | String | 28rpx
| 文本大小 |
| iconWidth | String | 60rpx
| 搜索图标宽度 |
| iconFontSize | String | 30rpx
| 搜索图标尺寸 |
| inputHeight | String | 30rpx | 搜索框高度 |
| inputFontSize | String | 26rpx | 搜索文本大小 |
| placeholder | String | 关键字 | 搜索框提示文本 |
| placeholderClass | String | '' | placeholder 自定义样式类 [ 不支持 nvue ] |
| kwd | String | 空 | 默认搜索关键字 |
| borderRadius | String | 60rpx | 组件圆角尺寸 |
| disabled | Boolean | false | 输入框是否被禁用 |
| focus | Boolean | false
| 是否自动聚焦 [ 不支持 nvue ] |
| clearBtn | Boolean | true | 是否展示清除关键字按钮 |
组件事件
confirm : 确认按钮点击后的确认事件，携带输入内容;
inputting : 键盘输入时激活的事件，携带输入内容;
clear : 关键字清空时激活的事件;
tapme : 组件被点击时触发的事件;
兼容平台
演示代码
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。
登录并购买 GraceUI 后可以查阅完整手册内容 。