Colorful-childhood/component/search/search.wxml

<template name="search">
    <view class="search-container">
        <view class="search-video">
            <image class="icon" src="../../static/image/search.png"></image>
            <input placeholder="输入关键字" bindinput="focus"/>
        </view>
        <view class="title" wx:if="{{searchData.recommendList.length > 0}}">热门搜索</view>
        <view class="title" wx:elif="{{searchData.searchList.length > 0}}">搜索结果</view>
        <view class="no-find"wx:else>
            <text>没有找到相关的内容</text>
            <text>换个关键字再试试吧</text>
        </view>
        <scroll-view scroll-y style="height: 83%; overflow: hidden;">
            <view class="hot-video">
                <view class="hot-item" wx:for="{{searchData.searchList}}" wx:key="{{inedex}}" bindtap="details" data-id="{{item.id}}">
                    <image src="{{item.iconImg}}"></image>
                </view>
                <!--推荐-->
                <view class="hot-item" wx:for="{{searchData.recommendList}}" wx:key="{{inedex}}" bindtap="details" data-id="{{item.courseId}}">
                    <image src="{{item.courseIcon}}"></image>
                </view>
            </view>
            <view wx:if="{{(searchData.searchList.length > 0) || (searchData.recommendList.length > 0)}}" class="bottom" style="margin-bottom:28%;">已经拖到底啦</view>
        </scroll-view>
    </view>
</template>