<template>
    <view class="user">
        <view class="head">
            <view class="info">
                <image></image>
                <view class="name">
                    <text>萨大赛</text>
                    <text>dasasd</text>
                    <text>asdasd</text>
                </view>
            </view>
            <image></image>
        </view>
        <navs></navs>
        <navs></navs>
        <navs></navs>
    </view>
</template>
<script>
import navs from "@/components/user/navs"
export default {
    name:"user" ,
    components:{
        navs
    }  
}
</script>
<style lang="scss" scoped>
/deep/image{
    background-color: #0f0;
}

.user{
    background-color: #ececec;
    .head{
        width: 100%;
        height: 220rpx;
        background-color: #FF780F;
        padding: 0 30rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .info{
            display: flex;
            align-items: center;
            
            >image{
                width: 110rpx;
                height: 110rpx;
                border-radius: 50%;
            }
            .name{
                font-size: 24rpx;
                color: #fff;
                display: flex;
                flex-direction: column;
                margin-left: 26rpx;
                >text{
                    margin-top: 14rpx;
                }
                >text:first-child{
                    font-size: 28rpx;
                    margin-top: 0;
                }
            }

        }
        >image{
            width: 12rpx;
            height: 20rpx;
        }
    }
}
</style>