直播系統程式碼,常用搜尋中搜尋歷史,搜尋推薦功能
直播系統程式碼,常用搜尋中搜尋歷史,搜尋推薦功能
HTML:
<template> <view> <view> <view> <input v-model="inpuValue" type="text" @confirm="search" /> <image src="%402x.png"></image> </view> <text @click="search">搜尋</text> </view> <view v-show="historyShow"> <view> <text>歷史搜尋</text> <image src="https://shanxi-petrochina.oss-cn-hangzhou.aliyuncs.com/home/ico_shanchu.png" @click="Delete"></image> </view> <view> <text v-for="(item,index) in tagValueList" :key="index" @click="tagClick(item)">{{item}}</text> </view> </view> <view> <view> <text>猜你可能在找</text> </view> <view> <text v-for="(item,index) in historyItemList" :key="index" @click="tagClick(item.name)">{{item.name}}</text> </view> </view> </view> </template>
CSS:
<style scoped> .page{ min-height: 100vh; background: #F5F5F5; padding: 20rpx 24rpx; } .header{ width: 100%; display: flex; align-items: center; justify-content: space-between; .inputBox{ width: 606rpx; height: 60rpx; background: #ECECEC; border-radius: 30rpx; position: relative; input{ height: 60rpx; background: #ECECEC; border-radius: 30rpx; padding-left: 72rpx; padding-right: 20rpx; font-size: 28rpx; color: #000000; } image{ width: 32rpx; height: 32rpx; position: absolute; left: 20rpx; top: 0; bottom: 0; margin: auto; } } .headerText{ font-size: 32rpx; color: #606060; line-height: 44rpx; } }
以上就是直播系統程式碼,常用搜尋中搜尋歷史,搜尋推薦功能, 更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2995250/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 線上直播系統原始碼,vue實現搜尋文字高亮功能原始碼Vue
- Elasticsearch常用搜尋Elasticsearch
- FTP搜尋系統FTP
- 直播開發app,實時搜尋、搜尋引擎框APP
- 搜尋引擎程式碼
- 視訊直播原始碼,實現本地儲存搜尋歷史記錄原始碼
- 直播app原始碼,預設顯示搜尋框 保留搜尋條件APP原始碼
- Netflix 推薦系統(Part Four)-搜尋體驗
- oracle全文搜尋功能Oracle
- 海量資料搜尋---搜尋引擎
- Win10系統中搜尋框搜尋不到本地應用和檔案如何解決Win10
- 搜尋和線上閱讀 Github 程式碼的外掛推薦Github
- 搜尋框帶有搜尋提示點選消失程式碼例項
- 使用Google百度等搜尋引擎的常用搜尋技巧Go
- Win10系統怎麼設定搜尋功能指定日期範圍搜尋Win10
- Python之 常用查詢演算法:最小項搜尋、順序搜尋、二分搜尋Python演算法
- 搜尋引擎-03-搜尋引擎原理
- 推薦幾個高效文章搜尋網站網站
- 拼多多獲得搜尋詞推薦 APIAPI
- 搜尋外貿客戶軟體推薦
- 搜尋模組功能分析
- 網站搜尋功能lucene網站
- LinkedIn 招聘之搜尋和推薦系統背後的 AIAI
- win7系統搜尋功能的全面分析Win7
- 巧妙利用Windows搜尋功能清除系統垃圾(轉)Windows
- elasticsearch搜尋Elasticsearch
- 字串搜尋字串
- vim搜尋
- win10 資料夾中搜尋怎樣搜尋帶特殊字元檔案Win10字元
- 推薦免費 CDN 、雲端儲存和搜尋
- Thinkphp TPM 職位搜尋和職位推薦PHP
- 好用的檔案搜尋工具推薦:ProFind for MacMac
- 阿里推薦與搜尋引擎-AI·OS綜述阿里AI
- 推薦四款超實用的搜尋工具
- Chrome的強大搜尋功能Chrome
- 實現延遲搜尋功能
- Elasticsearch(ES)的高階搜尋(DSL搜尋)(上篇)Elasticsearch
- Elasticsearch(ES)的高階搜尋(DSL搜尋)(下篇)Elasticsearch