搜索框是较为常用的组件,GraceUI 搜索框组件具备配置灵活、功能全面等优点,您可以在页面中直接使用她~
graceSearch : /graceUI/组件目录/graceSearch
属性名称 | 类型 | 默认值 | 作用 |
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 | 关键字 | 搜索框提示文本 |
kwd | string | 空 | 默认搜索关键字 |
borderRadius | string | 60rpx | 组件圆角尺寸 |
disabled | Boolean | false | 输入框是否被禁用 2020.03.21 新增 |
placeholderClass | string | '' | 2020.11.25 新增 可以自定义一个样式来控制输入框的placeholder,如 : .myClass:{color:red;} placeholderClass="myClass" |
focus | Boolean | false | 是否自动聚焦 2021.01.13 新增 |
confirm : 确认按钮点击后的确认事件,携带输入内容 inputting : 键盘输入时激活的事件,携带输入内容 clear : 关键字清空时激活的事件 tapme : 组件被点击时触发的事件 [ 2020.03.21 新增 ]