<template>
  <!-- 蓝色渐变底三个圆角的的标签 -->
  <div class="rt-tag--blue" :class="{ 'is-right': isRight, 'multiple-display': isMultiple }">{{ text }}</div>
</template>
<script>
export default {
  name: 'rtBlueTag',
  props: {
    text: {
      type: String,
      required: true
    },
    isRight: {
      type: Boolean,
      default: false
    },
    isMultiple: {
      type: Boolean,
      default: false
    }
  }
};
</script>
<style lang="less" scoped>
.multiple-display {
  display: inline-block;
  margin-right: 10px;
}
</style>
