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

/* pages/search/search.wxss */
.base_search {
    width: 80%;
    height: 80rpx;
    background-color: #E8E7E7;
    border-radius: 20rpx;
}

.search_text {
    float: left;
    padding-left: 95rpx;
    padding-top: 15rpx;
}

.search_button {
    float: right;
    margin-top: -64rpx;
    margin-right: 20rpx;
    font-size: 35rpx;
    color: #494545;
}

/* 搜索结果展示 */
.searchResult {
    width: 100%;
    height: 100%;
    position: absolute;
    margin-right: -20rpx;
    z-index: 100;
}

.preResult {
    width: 95%;
    height: 80rpx;
    padding-top: 30rpx;
    padding-left: 10rpx;
    padding-right: 10rpx;
    background-color: #F5F5F5;
    border-bottom: 2px solid #eee;
}

/* 搜索历史 */
.history {
    width: 100%;
    height: 200rpx;
    margin-top: 20rpx;
    color: #494545;
}

.history_title {
    float: left;
    margin-left: 8rpx;
}

.empty {
    margin-left: 580rpx;
}

.scroll {
    height: 150rpx;
}

.history_show {
    width: 100%;
    height: 100rpx;
    margin-top: 20rpx;
}

.history_card {
    display: inline-block;
    width: fit-content;
    margin-left: 20rpx;
    margin-top: 4rpx;
    padding: 0 10rpx;
    background-color: #E8E7E7;
    border-radius: 20rpx;
    line-height: 65rpx;
}

/* 猜你喜欢 */
.refresh {
    float: right;
    margin-top: -35rpx;
}

.commodity {
    margin-top: 20rpx;
    display: flex;
    flex-wrap: wrap;
}

.commodity_card {
    top: 10rpx;
    position: relative;
    display: flex;
    width: 46%;
    height: 380rpx;
    padding: 10rpx;
    justify-content: center;
}

.commodity_img {
    height: 350rpx;
    border-radius: 20rpx;
}

.avater {
    position: absolute;
    top: -160rpx;
    left: 15rpx;
    width: 150rpx;
    color: white;
}