spz-search 智能商品搜索

需要在店铺中安装智能商品搜索插件。

• 当需要搜索商品信息时。
• 当需要根据关键词联想出相关商品信息时。

<spz-search id="smart-search" class="smart-search-wrap" layout="container">
  <spz-render
    role="form"
    layout="container"
    manual
  >
    <template>
      <div class="smart-search-header">
        <form
          id="smart-search-form"
          class="smart-search-form"
          method="GET"
          is="spz-form"
          @submit="smart-search.handleSearchSubmit(value=event.q);"
        >
          <div class="smart-search-input-content">
            <input
              class="smart-search-input"
              type="search"
              name="q"
              spz-else
            >
          </div>
          <button
            type="submit"
            class="smart-search-submit-btn button-primary"
          >
            搜索
          </button>
        </form>
      </div>
    </template>
  </spz-render>
</spz-search>

• 使用带有role=form的spz-render元素表示承载搜索表单部分的内容。

• 使用带有role=history的spz-render元素表示承载历史搜索的关键字内容。

• 使用带有role=hotkeyword的spz-render元素表示承载热门的关键字内容。

• 使用带有role=thinkresult的spz-render元素表示承载根据输入的关键词联想出来的关键词列表。

当开启关键词联想时，调用此方法可以请求符合的联想词。

当表单提交时去触发此方法进行搜索请求。

设置历史搜索关键词。

清除历史搜索关键词的缓存，无需参数。

刷新当前的搜索热词列表，无需参数。

当开启关键词发现功能时，切换当前激活的发现关键词。

点击热门关键词时触发搜索跳转。

点击联想词结果时触发搜索跳转。