npm

Does your artifact manager get in the way? Join us on Oct. 8 at 10am PT, to discuss how npm can help.Sign up »

vue-about-me

0.2.4 • Public • Published

vue-about-me

npm npm npm npm bundle size (minified + gzip)

Display copyright and some links about me.

Base

Use v-tooltip, You can override the style of tooltip by reference to v-tooltip.

How To Use

Import

You just need import it, and write it where you need.

Example

// index.js
import Vue from 'vue'
import App from './App.vue'
...
import VTooltip from 'v-tooltip'
Vue.use(VTooltip)
<!-- component -->
<template>
  <div>
    <vue-about-me :copyright="copyright" :links="links"></vue-about-me>
  </div>
</template>

<script>

// use default name VueAboutMe
import 'vue-about-me'
 
export default {
  components: {
    VueAboutMe
  }
}

Icon

You need have custom icon class name. You can use iconfont.

And add link in your index.html.

Symbol link is recommend.

<script src="//at.alicdn.com/t/font_699884_bg639cmqbbi.js"></script>
<!-- you can use it or custom more icon in iconfont and get a new link-->

Example

copyright: {
  name: 'Vue About Me',
  repoName: 'Vue-About-Me',
  author: 'YunYouJun',
  logo: '#icon-cloud',
  // or
  // logo: 'https://cn.vuejs.org/images/logo.png',
  link: 'https://yunyoujun.github.io/vue-about-me/',
  color: '#0078E7'
},
links: [
  {
    // ...
    icon: '#icon-cloud'
    // ...
  }
]

Template

<vue-about-me :copyright="copyright" :links="links"></vue-about-me>

You can see example folder for more details.

Options

Attribute Description Type Options Default
copyright 显示版权 Object ——
links 显示链接 Array[Object] ——

copyright

Attribute Description Type Options Default
name 名称 string Vue About Me
repoName 项目仓库名称 string —— Vue-About-Me
author 作者 string —— YunYouJun
logo 图标(class) string —— #icon-cloud(img url is supported)
link 图标链接 string —— #
color 图标颜色 string —— #0078E7

links

Name Type
links Array
link Object

link

Attribute Description Type Options Default
name 名称 ——
color 颜色 ——
backgroundColor 背景颜色 —— transparent
icon 图标 ——
label 标签提示 ——
href 链接 ——

GitHub Item

Default: https://github.com/author/repoName

install

npm i vue-about-me

Downloadsweekly downloads

1

version

0.2.4

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability