<template>
    <view class="wrapper">
        <view>
            <view class="font4 bold color-1">出价记录</view>
            <view v-if="data && data.length > 0">
                <view v-for="item in data" :key="item.userId" class="cell flex-align marginT10">
                    <image :src="item.avatar" class="avatar"/>
                    <view class="flex1 marginX10 color-2">{{item.nickname}}</view>
                    <view class="color-money">出价 ¥{{item.bidPrice}}</view>
                </view>
            </view>
            <empty v-else :top="0"/>
        </view>
    </view>
</template>
<script>
import empty from '@/components/empty'
export default {
    components: { empty },
    props: {
        data: Array
    }
}
</script>
<style lang="scss" scoped>
.wrapper {
    margin-top: 20rpx;
    background: #fff;
    border-radius: 20rpx;
    padding: 36rpx 28rpx;
    .cell {
        .avatar {
            width: 52rpx;
            height: 52rpx;
            border-radius: 26rpx;
        }
    }
}
</style>
</style>