<template>
  <div class="md-small-tag">
    <div :style="[
          {'width': tagWidth},
          {'height': tagHeight},
          {'borderRadius': tagBorderRadius},
          {'backgroundColor': tagBackgroundColor},
          {'fontSize': tagFontSize},
          ]"> {{ content }} </div>
  </div>
</template>

<script>
export default {
  name: 'md-small-tag',
  props: {
    content: {
      type: String,
      default: '今日特惠'
    },
    tagWidth: {
      type: String,
      default: '50px'
    },
    tagHeight: {
      type: String,
      default: '20px'
    },
    tagBorderRadius: {
      type: String,
      default: ''
    },
    tagBackgroundColor: {
      type: String,
      default: ''
    },
    tagFontSize: {
      type: String,
      default: '14px'
    }
  },
  methods: {}
}
</script>