<!-- 搜索框 --> <view class="search"> <view class="search-left"> <text class="icon-search"></text> <input placeholder="搜索你想听的节目"></input> </view> <view class="search-right"> 取消 </view> </view> <!-- 搜索历史 --> <view class="history"> <!-- 提示标题 --> <view class="title"> <view class="title-text">搜索历史</view> <text class="icon-search"></text> </view> <!-- 内容 --> <view class="history-content"> <view class="content-item">庆余年</view> </view> </view> <!-- 热门搜索 --> <view class="hot"> <!-- 提示标题 --> <view class="title"> <view class="title-text">热门搜索</view> </view> <view class="hot-content"> <view class="hot-items" wx:for="{{hotData}}" wx:key="index"> <view class="item-left"> <view class="text-red">{{index}}</view> <view class="itemTitle">{{item.title}}</view> </view> <text class="{{item.icon}} itemIcon {{item.color}}"></text> </view> </view> </view>