1.0.5 • Published 6 years ago

@sixi/account v1.0.5

Weekly downloads
-
License
ISC
Repository
-
Last release
6 years ago

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>

展示效果如下:image.png

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

image.png

image.png

image.png

image.png

image.png

API

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

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago