<template>
    <view class="page-css">
        <view class="search-box">
            <betone-new-input v-model="searchInfo.name" placeholder="搜索物品名称" icon="search" style="margin-bottom: 32rpx"
                @changevalue="searchData()" />
        </view>
        <view class="material-box">

        </view>
        <view class="evaluate_box">
            <!-- <view class="evaluate_btn">
                确定
            </view> -->
            <u-button class="evaluate_btn" size="medium" type="primary">确定</u-button>
        </view>
    </view>
</template>
<script>
export default {
    data() {
        return {
            searchInfo: {
                name: '',
            }
        }
    },
    methods: {
        searchData() {
            // 搜索物品名称
        }
    }
}
</script>
<style lang="scss" scoped>
.page-css {
    padding: 0;
    display: flex;
    flex-direction: column;
    .search-box {
        background: rgba(248, 248, 248, 1);
        height: 140rpx;
        padding: 0 32rpx 0;
    }
    .material-box{
        flex: 1;
        background: #fff;
        margin: 24rpx 24rpx 178rpx 24rpx;
        border-radius: 20rpx;
        overflow: auto;
    }
    .evaluate_box {
        width: 100%;
        height: 154rpx;
        bottom: 0;
        position: fixed;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: flex-end;

        .evaluate_btn {
            width: 160rpx;
            height: 60rpx;
            border-radius: 8rpx;
            background-color: rgba(255, 255, 255, 1);
            color: rgba(58, 98, 215, 1);
            font-size: 24rpx;
            text-align: center;
            font-family: PingFangSC-regular;
            border: 2rpx solid rgba(58, 98, 215, 1);
            margin-right: 26rpx;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
}
</style>