vue-simple-tag

About

一个简单的Vue tag组件

Build Setup

npm install vue-simple-tag --save

How to use

1、.vue文件里导入

import tag from "vue-simple-tag"
export default {
	name: 'myComponent',
	components: {
		tag
	}
}

2、prop可传递的属性

props: {
    background: {
      default: '#84cbfb'
    },
    color: {
      default: 'white'
    },
    radius: {
      default: '0.25rem'
    },
    fontSize: {
      default: '0.75rem'
    },
    padding: {
      default: '0.125rem 0.5rem 0.125rem 0.5rem'
    },
    margin: {
      default: 0
    }
  }

3、Example

<tag :background="'red'" :margin="'0 0 0 1rem'"></tag>
<tag :margin="'0 0 0 1rem'">Acg</tag>
<tag :background="'green'" :margin="'0 0 0 1rem'">PHP</tag>
<tag :background="'red'" :margin="'0 0 0 1rem'">JS</tag>

4、Result