直播系统代码，常用搜索中搜索历史，搜索推荐功能

HTML：

<br><template><br><view><br><view><br><view><br><input v-model="inpuValue" type="text"  @confirm="search"  /><br><image src="https://shanxi-petrochina.oss-cn-hangzhou.aliyuncs.com/home/ico_sousuo%402x.png"></image><br></view><br><text @click="search">搜索</text><br></view><br><view v-show="historyShow"><br><view><br><text>历史搜索</text><br><image src="https://shanxi-petrochina.oss-cn-hangzhou.aliyuncs.com/home/ico_shanchu.png" @click="Delete"></image><br></view><br><view><br><text v-for="(item,index) in tagValueList" :key="index" @click="tagClick(item)">{{item}}</text><br></view><br></view><br><view><br><view><br><text>猜你可能在找</text><br></view><br><view><br><text v-for="(item,index) in historyItemList" :key="index" @click="tagClick(item.name)">{{item.name}}</text><br></view><br></view><br></view><br></template><br> 

CSS：

<br><style scoped><br>.page{<br>min-height: 100vh;<br>background: #F5F5F5;<br>padding: 20rpx 24rpx;<br>}<br>.header{<br>width: 100%;<br>display: flex;<br>align-items: center;<br>justify-content: space-between;<br>.inputBox{<br>width: 606rpx;<br>height: 60rpx;<br>background: #ECECEC;<br>border-radius: 30rpx;<br>position: relative;<br>input{<br>height: 60rpx;<br>background: #ECECEC;<br>border-radius: 30rpx;<br>padding-left: 72rpx;<br>padding-right: 20rpx;<br>font-size: 28rpx;<br>color: #000000;<br>}<br>image{<br>width: 32rpx;<br>height: 32rpx;<br>position: absolute;<br>left: 20rpx;<br>top: 0;<br>bottom: 0;<br>margin: auto;<br>}<br>}<br>.headerText{<br>font-size: 32rpx;<br>color: #606060;<br>line-height: 44rpx;<br>}<br>}

以上就是直播系统代码，常用搜索中搜索历史，搜索推荐功能，更多内容欢迎关注之后的文章