<template>
  <div class="user-info">
    <img :src="userInfo.headImageUrl || headImg" alt="">
    <p>{{userInfo.phone}}</p>
  </div>
</template>
<script>
    import headImg from '../../assets/images/user_logo.png'
    export default {
        name: '',
        data () {
            return {
              userInfo:Cookie.get("data") ? JSON.parse(Cookie.get("data")) : '',
              headImg : headImg,
            }
        },
        methods: {},
        mounted(){
        },
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
  .user-info{
    margin-top -55px
    margin-bottom 48px
    text-align center
    font-size 18px
    color #666666
    img{
      display inline-block
      width 110px
      height 110px
      border-radius 100%
      margin-bottom 16px
    }
  }
</style>
