account 用户信息

用户信息展示的封装，包含用户uuid、昵称、头像、性别、等级。

代码演示

<template>
  <div>
    <account class="text-green" :avatar="info.avatar" :uuid="info.uuid" :nickname="info.nickname" :sex="info.sex" :level="info.level" :path="path"/>
  </div>
</template>
<script>
import account from '@/components/account'
export default {
  components: {
    account
  },
  data () {
    return {
      info: {
        avatar: 'https://cn.vuejs.org/images/logo.png',
        uuid: 'mch8rv8lkei',
        nickname: '小星星',
        sex: '1',
        level: '10'
      },
      path: '/profile222?uuid='
    }
  }
}
</script>

展示效果如下：

相应的属性缺失， 会展示不同的效果，例如：

API

参数	说明	类型	默认值
avatar	完整的头像地址	String	''
uuid	账号uuid	String	''
nickname	昵称	String	''
sex	性别,'1'男，'2' 女	String	''
level	等级	String	''
path	用户详情跳转地址前缀，参数值会拼上uuid	String	/profile222?uuid=