特色
可设置显示搜索按钮、图标。
配置选项
全局样式
Select
区块对应的全局块样式。
占位符
String
输入框中默认的提示文字内容。
自动补全
Boolean
输入关键词后是否提供输入建议。
显示图标
Boolean
在输入框前显示搜索图标。
图标
Select
选择图标库中的图标。
显示按钮
Boolean
显示提交按钮。
按钮类型
Select
按钮显示为文字或图标形式。
按钮文本
String
按钮中的文本内容。
按钮图标
Boolean
选择图标库中的图标。
元素
<form class="mk-search">
<div class="el-wrapper">
<span class="search-icon">...</span>
<input class="search-input" />
<button class="search-button">...</button>
</div>
</form>
- 主容器
.mk-search
- 搜索组
.el-wrapper
- 搜索图标
.search-icon
- 输入框
.search-input
- 搜索按钮
.search-button