1/fore-end/pages/search/search.wxml

<!--pages/search/search.wxml-->
<!-- 搜素框 -->
<view class="search_box" bind:tap="showResult">
    <view class="base_search">
        <van-icon name="search" size="50rpx" color="#696969" style="margin-top: 15rpx; margin-left: -430rpx;"/>
        <input type="search" name="" placeholder="搜索..." bindinput="getInputValue" value="{{inputValue}}" class="search_text"/>
        <van-icon name="cross" style="float: right; margin-top: 24rpx; margin-right: 15rpx;" bind:tap="deleteInput"/>
    </view>
    <!-- 搜索按钮 -->
    <view class="search_button" bind:tap="onClose" catch:tap="searchBegin" data-searchdata="{{inputValue}}">搜索</view>
</view>

<!-- 搜索结果展示 -->
<!-- 当搜索框数据不为0才显示搜索结果 wx:if="{{inputValue != ''}}" -->
<!-- <view class="searchResult" wx:if="{{inputValue != ''}}" hidden="{{show ? false : true}}"> -->
    <!-- 单个结果 -->
    <!-- <view class="preResult" wx:for="{{searchResult}}" wx:key="index" bind:tap="putInputValue" data-postname="{{item.title}}"> -->
        <!-- <text class="textResult">{{item.title}}</text> -->
        <!-- <van-icon name="arrow" style="float: right; margin-top: 10rpx;"/> -->
    <!-- </view> -->
<!-- </view> -->
<!-- 搜索历史 -->
<view class="history">
    <view class="history_title">搜索历史</view>
    <!-- 清空 -->
    <view class="empty" catch:tap="remove">
        <van-icon name="delete-o"/>\t
        <text>清空</text>
    </view>
    <!-- 历史记录展示 -->
    <scroll-view class="scroll" scroll-y="true">
        <view class="history_show">
            <view class="history_card" wx:for="{{historyStorage}}" wx:key="index" bind:tap="copyHistory" data-history="{{item}}">
                <text space="nbsp">{{item}}</text>
            </view>
        </view>
    </scroll-view>
</view>

<!-- 猜你喜欢界面 -->
<view class="prefer">
    <!-- 标题 -->
    <view style="font-size: 35rpx; margin-left: 8rpx; color: #494545;">猜你喜欢</view>
    <!-- 刷新 -->
    <view class="refresh">
        <van-icon name="replay" color="#494545"/>
    </view>
    <!-- 商品卡片展示 -->
    <view class="commodity">
        <view class="commodity_card">
            <image src="https://img.js.design/assets/smartFill/img352164da74c4b8.jpeg" mode="" class="commodity_img"/>
            <avater class="avater"></avater>
        </view>
    </view>
</view>