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 : 关键字清空时激活的事件
演示代码