Shock Search History

shock-search-history 展示历史搜索

介绍

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

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

引入

import shockSearchHistory from '../../components/shock-search-history/shock-search-history.stml'

用法

        <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