GraceUI 搜索组件



搜索组件

搜索框是较为常用的组件，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 : 组件被点击时触发的事件;

兼容平台

H5	APP	小程序	NVUE
✔	✔	✔	✔

演示代码

UNI 普通版本

NVUE 版本

登录并购买 GraceUI 后可以查阅完整手册内容。