<template>
    <view class="info">
        <view class="head">
            <image></image>
            <text>更换头像</text>
        </view>
        <view class="item">
            <text></text>
            <text></text>
        </view>
    </view>
</template>
<script>
export default {
    name:"info"    
}
</script>
<style lang="scss" scoped>
image{
    background-color: #0f0;
}
.info{
    background: #ececec;
    .head{
        height: 202rpx;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        >image{
            width: 120rpx;
            height: 120rpx;
            border-radius: 50%;
        }
        >text{
            font-size: 24rpx;
            color: #FF780F;
            margin-top: 20rpx;
        }
        margin-bottom: 2rpx;
    }

}
</style>