shock-search-history

shock-search-history 展示历史搜索

介绍

用于展示用户的搜索历史记录, 点击对应的历史记录,可以返回之前存储的信息

该组件的 整理宽度及位置取决于父页面, 自动宽百分百撑满

引入

import shockSearchHistory from '../../components/shock-search-history/shock-search-history.stml'
~~~ 
   
## 用法
~~~html
        <shock-search-history :history-list="list" title="历史搜索" title-size="15" del-img="" del-img-size=""
            box-color="#ff5301" box-height="" box-text-size="" box-text-color="" box-border-radius="20" />

属性

|属性名 |类型 |说明 |默认值 |是否必传 |可选值 :---:|:--:|:--:|:--:|:--: |history-list |arr |传入搜索历史列表 |无 |true | |title |String |传入标题 |无 |false | |title-size |Number |标题字号 |15 |false | |del-img |String |清空历史记录icon |默认icon |false | |del-img-size |Number |icon大小 |15px |false | |box-color |String |单条记录框背景色 |#f7f7f7 |false | |box-height |Number |单条记录框高度 |23 |false | |box-text-size |Number |单条记录文字字号 |13 |false | |box-text-color |String |单条记录文字颜色 |#666 |false | |box-border-radius |Number |单条记录框圆角 |0 |false |

注意

history-list 传入的参数 必须是数组,单独的一项必须为对象, 必须包含 keyWord 键,也就是说格式如下 [{"keyWord":"XXXXX"}]

事件

事件名 说明 内容
shock-search-click 点击 某项历史记录后返回的事件 detail.info
是否仍需要帮助? 请保持联络!
最后更新于 2024/10/10