项目作者: aidewoode

项目描述 :
A simple and elegant letter avatar component for vue.js
高级语言: JavaScript
项目地址: git://github.com/aidewoode/vue-letter-avatar.git
创建时间: 2017-05-24T02:42:53Z
项目社区:https://github.com/aidewoode/vue-letter-avatar

开源协议:MIT License

下载


vue-letter-avatar

demo

Introduction

An elegant and easy to use letter avatar component for vue.js 2.0+

Install

  1. $ yarn add vue-letter-avatar

or

  1. $ npm install vue-letter-avatar

Usage

  1. import VueLetterAvatar from 'vue-letter-avatar';
  2. Vue.use(VueLetterAvatar);

Create avatar

  1. <vue-letter-avatar name='aide' size='40' :rounded=true ></vue-letter-avatar>

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

  1. // first clone the repo
  2. $ git clone https://github.com/aidewoode/vue-letter-avatar.git
  3. // install all dependencies
  4. $ yarn install
  5. // you can check the result on development server
  6. $ yarn run server
  7. // bundle the file
  8. $ yarn run bundle