<template>
    <view class="follow">
        <view class="sosuo">
            <image></image>
            <text>输入达人名称</text>
        </view>
        <view class="list">
            <darenItem style="margin-top:20rpx;margin-right:23rpx" v-for="item in 50"></darenItem>
        </view>
    </view>
</template>
<style lang="scss" scoped>
image{
    background-color: #0f0;
}
.follow{
    background-color: #ECECEC;
    min-height: calc(100vh - var(--window-top));
    padding: 20rpx 30rpx;
    .sosuo{
        width: 100%;
        height: 60rpx;
        border-radius: 30rpx;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        >image{
            width: 29rpx;
            height: 29rpx;
        }
        >text{
            font-size: 24rpx;
            color: #999;
            margin-left: 15rpx;
        }
    }
    .list{
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 23rpx);
        margin-right: -23rpx;
    }
}
</style>
<script>
import darenItem from "@/components/index/daren-item/index" 

export default {
    name:"follow",
    components:{
        darenItem
    },
    data(){
        return{

        }
    }
}
</script>