@moment-design/user-info NPM

使用组件

安装依赖

npm install @moment-design/user-info --save

使用组件

import userInfo from '@moment-design/user-info';

<user-info
    src="https://syycdn.dongchali.net/upload/2024-12-12/1d3ee158-135b-4bbb-b7c1-b13642007719.jpeg"
    name="用户名称"
    corp-name="微信"
>
</user-info>

API

Events

Props config

参数名	描述	类型	默认值
size	头像大小	number	32
radius	头像圆角	number , string	50%
src	头像地址	string
name	用户名称	string
nameSize	用户名称字体大小	string	14px
corpName	用户公司标识	string
corpNameSize	用户公司标识字体大小	string	14px
popover	用户左侧头像鼠标悬停是否展示气泡浮层	boolean	true
popoverWidth	用户左侧头像气泡浮层宽度	number	320

Slots | 插槽名 | 描述 | | ----------- | ----------- | | rightInfo | 用户名称后插槽 | | rightAllInfo | 用户右侧全部信息插槽 |

事件名	描述	参数
handle-click	点击右侧用户信息操作

vue moment-design user-info

vue-docgen-api

0.0.1

11 months ago