1.0.6 • Published 4 years ago

vue-cnname-avatar v1.0.6

Weekly downloads
1
License
MIT
Repository
github
Last release
4 years ago

开发背景:

实现类似钉钉单人头像

1.查看示例

示例

2.在项目中使用

npm i -S vue-cnname-avatar
<template>
  <div id="app" class="center">
    <div class="mr" >
      <name-avatar scale='2' name="李亨达"></name-avatar>
    </div>
    <div>
      <name-avatar scale='2' faceUrl="https://c-ssl.duitang.com/uploads/item/201809/21/20180921212643_omxtr.jpg"></name-avatar>
    </div>
  </div>
</template>
<script>
import nameAvatar from "vue-cnname-avatar";
export default {
  name: "app",
  components: {
    nameAvatar
  },
  data() {
    return {};
  }
};
</script>

3.可选配置说明

属性说明类型默认值
scale缩放比例(选填)String1
num显示+num数字String-
name中文名String-
mode选择显示圆形还是方形的头像String填入square显示方形头像
fontColor字体颜色String#fff
backgroundColor背景颜色String#3696F2
faceUrl图片地址String-

更新日志

v1.0.6 更新说明

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago