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

<!--pages/search/search.wxml-->
<!-- 搜素框 -->
<view class="search_box">
    <view class="base_search">
        <van-icon name="search" size="50rpx" color="#696969" style="margin-top: 15rpx; margin-left: -430rpx;"/>
        <input type="search" name="" placeholder="搜索..." class="search_text"/>
    </view>
    <!-- 搜索按钮 -->
    <view class="search_button">搜索</view>
</view>

<!-- 搜索历史 -->
<view class="history">
    <view class="history_title">搜索历史</view>
    <!-- 清空 -->
    <view class="empty">
        <van-icon name="delete-o" />\t
        <text>清空</text>
    </view>
    <!-- 历史记录展示 -->
    <view class="history_show">
        <view class="history_card">
            <text space="nbsp">  iPhone手机  </text>
        </view>
    </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>