GraceUI 组件精细化更新工作进行中~ 如果您在使用时发现组件或样式不生效时,请先进行重新编译,重新编译后依然无效请升级您的 GraceUI 框架版本 ( 网站头部点击下载按钮获取最新版本 )即可! 此次更新预计持续到 2020-01-30 ~

搜索框是较为常用的组件,GraceUI 搜索框组件具备配置灵活、功能全面等优点,您可以在页面中直接使用她~
组件属性
height:{type:String, default:'60rpx'} // 高度
background:{type:String, default:'#FFFFFF'} // 背景颜色
fontSize:{type:String, default:'28rpx'} // 文字大小
iconWidth:{type:String, default:'60rpx'} // 图标宽度
iconColor:{type:String, default:'#A5A7B2'} // 图标颜色
iconFontSize:{type:String, default:'30rpx'} // 图标字体大小
inputHeight:{type:String, default:'30rpx'} // 文本框行高
inputFontSize:{type:String, default:'26rpx'} // 文本框字体大小
placeholder:{type:String, default:'关键字'} // 提示文本
kwd:{type:String, default:''}// 默认关键字组件事件
confirm : 确认按钮点击后的确认事件,携带输入内容 inputting : 键盘输入时激活的事件,携带输入内容 clear : 关键字清空时激活的事件
演示代码