<template>
    <view class="userinfo">

        <view class="user">
            <view class="info">
                <image></image>
                <view>
                    <text>达人昵称</text>
                    <text>关注数量</text>
                </view>
               
            </view>
            <view class="guanzhu">关注</view>
        </view>
        <view class="profile">个性签名</view>
    </view>
</template>
<style lang="scss" scoped>
image{
    background-color: #0f0;
}
.userinfo{
    height: 261rpx;
    width: 100%;
    padding: 30rpx;
    .user{
        display: flex;
        margin-top: 10rpx;
        align-items: center;
        justify-content: space-between;
        .info{
            display: flex;
            align-items: center;
            >image{
                width: 140rpx;
                height: 140rpx;
                border-radius: 50%;

            }
            >view{
                margin-left: 40rpx;
                display: flex;
                height: 79rpx;
                justify-content: space-between;
                flex-direction: column;
                >text:first-child{
                    font-size: 28rpx;
                    color:#333;
                }
                >text:last-child{
                    font-size: 24rpx;
                    color: #333;
                }
            }
        }
        .guanzhu{
            width: 140rpx;
            height: 60rpx;
            font-size: 26rpx;
            color:#fff;
            line-height: 60rpx;
            border-radius: 30rpx;
            background-color: #FF780F;
            text-align: center;
        }
    }
    .profile{
        margin-top: 19rpx;
        font-size: 24rpx;
        color: #333;
        margin-left: 14rpx;
    }
}
</style>
<script>
export default {
    name:"userinfo",
    data(){
        return {

        }
    }
}
</script>