zui/docs/part/resource-help.md

一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。

section: resource
id: help
description: 更高效使用文档
icon: icon-search
filter: sousuobangzhu ssbz
---

# 搜索帮助

<style>
.page-open #searchInput {border: 2px solid #fff}
#pageBody a[href^="#search/"] {
  border: 1px solid #808080;
  padding: 0 6px;
  border-radius: 10px;
  color: #808080;
}
#pageBody a[href^="#search/"]:hover {
  text-decoration: none;
  color: #145ccd;
  border-color: #145ccd;
}
</style>

在搜索框中键入任意内容来检索内容。

## 操作要点

*   多个关键字使用空格分隔，例如 [button group](#search/button group)；
*   使用方向键（上下左右键）在检索结果中切换选中；
*   按 Enter 键打开选中的结果；
*   按 Esc 键清除键入的关键字；
*   按 Tab 键使搜索框聚焦并准备好键入搜索文本；
*   可以使用汉语拼音或汉语拼音简写来搜索，例如要查找富文本编辑器，以下关键字都可以找到：[bianjiqi](#search/bianjiqi) 或 [bjq](#search/bjq)。

## 查找图标

你甚至可以在搜索框查找图标字体的用法！直接键入 [icon-](#search/icon-)，或者键入完整的图标名称。以下用法均可以用来检索图标：

*   使用关键字前缀 [icon:](#search/icon:)，[icon-](#search/icon-) 或 [i:](#search/i:)， 查看所有图标；
*   [icon-star](#search/icon-star)，查找特定名称的图标；
*   [icon:star empty](#search/icon:star empty)，使用多个关键字检索图标；
*   [icon:\e606](#search/icon:\e606)，查找 Unicode 值为 `\e606` 的图标。