ximalaya-lite/pages/search/search.wxml

<!-- 搜索框 -->
<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-delete"></text>
	</view>
	<!-- 内容 -->
	<view class="history-content">
		<view class="content-item">庆余年</view>
		<view class="content-item">德云社</view>
		<view class="content-item">评书</view>
		<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="{{index < 3 ? 'text-red' : ''}}">{{index + 1}}</view>
				<view class="itemTitle">{{item.title}}</view>
			</view>
			<text class="{{item.icon}} itemIcon {{item.color}}"></text>
		</view>
	</view>
</view>