weui-miniprogram icon indicating copy to clipboard operation
weui-miniprogram copied to clipboard

Searchbar点击搜索结果选项,怎么关闭搜索结果面板

Open MissNanLan opened this issue 5 years ago • 2 comments

请问下searchbar组件,怎么在点击搜索结果的时候关闭搜索结果的面板

MissNanLan avatar Mar 20 '20 08:03 MissNanLan

@MissNanLan 目前暂时不支持参数配置这个交互。

有一种实现方案,然后通过外层加 class 和相关的样式,控制是否需要展示结果面板。

比如页面的 wxss 中多加一条这样的样式:

.result-hidden .search-result {
    display: none;
}

然后就可以通过在外层新增result-hidden的 class 隐藏结果。

当需要展示结果面板的时候,再把result-hidden去掉,比如触发focus事件的时候,也可以根据你的需求进行控制。

xysDavid avatar Mar 20 '20 09:03 xysDavid

@MissNanLan 目前暂时不支持参数配置这个交互。

有一种实现方案,然后通过外层加 class 和相关的样式,控制是否需要展示结果面板。

比如页面的 wxss 中多加一条这样的样式:

.result-hidden .search-result {
    display: none;
}

然后就可以通过在外层新增result-hidden的 class 隐藏结果。

当需要展示结果面板的时候,再把result-hidden去掉,比如触发focus事件的时候,也可以根据你的需求进行控制。

哈哈,我们打算自己重写了

MissNanLan avatar Apr 16 '20 02:04 MissNanLan