更新记录

1.0.0（2021-06-29） 下载此版本

关键词高亮/搜索结果高亮/ 搜索结果页面 搜索推荐展示功能

平台兼容性

关键词高亮

2021/06/29 更新

    props: {
        keyword: {
            default: '程序',
            type: String
        },
        value: {
            default: '示例程序',
            type: String
        },
        color: {
            default: '#e90',
            type: String
        }
    },

传递三个参数

• keyword 需要高亮的关键词
• value 大段文本
• color 高亮颜色 可选,建议使用hex颜色

使用方式

<template>
    <div>
        <high-light-word :value="value" :keyword="keyword" :color="#f00"/>
    </div> 
</template>
<script>
import HighLightWord from '@/components/high-light-word'

export default {
    name: 'demo',
    data() {
        return {
            keyword: '阿莫西林',
            value: '阿莫西林胶囊（25mg）'
        }
    },
    components: { HighLightWord }
}
</script>
<style>
</style>  

兼容性测试

• 小程序
• H5