vue-letter-avatar-vue.js的简单优雅的字母头像组件-Vue.js开发

  • r0_984753
    了解作者
  • 147.1KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-15 11:11
    上传日期
vue-letter-avatar简介用于vue.js 2.0+的优雅易用的字母头像组件安装$ yarn add vue-letter-avatar或$ npm instal vue-letter-avatar简介vue.js 2.0+安装$ yarn添加vue-letter-avatar或$ npm install vue-letter-avatar用法从'vue-letter-avatar'导入VueLetterAvatar; Vue.use(VueLetterAvatar); 创建头像 属性名称必需的类型默认描述名称true字符串化身大小的名称false字符串50化身大小的四舍五入false Boo
vue-letter-avatar-master.zip
  • vue-letter-avatar-master
  • src
  • Avatar.vue
    1.1KB
  • index.js
    161B
  • test
  • index.html
    270B
  • app.vue
    338B
  • index.js
    174B
  • demo.png
    101.8KB
  • dist
  • index.js
    3KB
  • yarn.lock
    161.1KB
  • .eslintrc.js
    307B
  • webpack.config.js
    1.3KB
  • .babelrc
    118B
  • .npmignore
    59B
  • LICENSE
    1.1KB
  • README.md
    1.1KB
  • .gitignore
    35B
  • package.json
    1.1KB
内容介绍
# vue-letter-avatar ![demo](https://raw.github.com/aidewoode/vue-letter-avatar/master/test/demo.png) ## Introduction An elegant and easy to use letter avatar component for vue.js 2.0+ ## Install ```shell $ yarn add vue-letter-avatar ``` or ```shell $ npm install vue-letter-avatar ``` ## Usage ```js import VueLetterAvatar from 'vue-letter-avatar'; Vue.use(VueLetterAvatar); ``` Create avatar ```js <vue-letter-avatar name='aide' size='40' :rounded=true /> ``` ## Properties | Name | Required | Type | Default | Description | | --- | --- | --- | --- | --- | | name | true | String | | the name of avatar | | size | false | String | 50 | the size of avatar | | rounded | false | Boolean | false | if is a rounded avatar | ## Development ```shell // first clone the repo $ git clone https://github.com/aidewoode/vue-letter-avatar.git // install all dependencies $ yarn install // you can check the result on development server $ yarn run server // bundle the file $ yarn run bundle ```
评论
    相关推荐