更新记录
1.0.0(2021-06-29)
关键词高亮/搜索结果高亮/ 搜索结果页面 搜索推荐展示功能
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
关键词高亮
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>
兼容性测试