分享一个vue头像组件 vue-avatar

这两天做前端项目,用到头像,之前用的是组件是自己写的,但是不够酷炫,网上找了个头像组件vue-avatar, 感觉还是非常好用的。

安装

npm install vue-avatar

vue中引入和使用

import Avatar from 'vue-avatar'
 
export default {
  ...
  components: {
    Avatar
  },
  ...
}
<avatar username="胡鹏" background-color="#fff" color="rgb(255, 208, 75)"></avatar>

看下头像的效果,感觉咋样?

参考文档https://www.npmjs.com/package/vue-avatar

©️2020 CSDN 皮肤主题: 像素格子 设计师:CSDN官方博客 返回首页