search
提供搜索框组件,用于提供用户搜索内容的输入区域。
子组件
不支持。
属性
除支持通用属性外,还支持如下属性:
Array<MenuOption> |
表 1 MenuOption5+
样式
除支持通用样式外,还支持如下样式:
搜索框的字体粗细,见text组件font-weight的样式属性。 |
||||
搜索框的字体列表,用逗号分隔,每个字体用字体名或者字体族名设置。列表中第一个系统中存在的或者通过自定义字体指定的字体,会被选中作为文本的字体。 |
||||
事件
除支持通用事件外,还支持如下事件:
文本选择弹窗中设置menuoptions属性后,用户在文本选择操作后,点击菜单项后触发该回调,返回点击的菜单项序号和选中的文本内容。 |
方法
支持通用方法。
示例
<!-- xxx.hml -->
<div class="container">
<search hint="请输入搜索内容" searchbutton="搜索" @search="search">
</search>
</div>
/* xxx.css */
.container {
display: flex;
justify-content: center;
align-items: center;
}