<!--
 * @Author: WangQiBiao
 * @Date: 2019-09-25 17:20:35
 * @LastEditors: MoZhuangRu
 * @LastEditTime: 2020-03-18 15:52:01
 * @Description: tag
 -->
<template>
  <span :class="['tag', type]">
    <slot></slot>
  </span>
</template>
<script>
export default {
  props: {
    type: {
      default () {
        return 'default'
      }
    }
  }
}
</script>
<style lang="scss" scoped>
@import '@/assets/css/function';
@import '@/assets/css/theme';
.tag{
  padding: halfH(2) halfW(4);
  border-radius:halfH(2);
  font-size: halfH(12);
  // margin-right: halfW(8);
  color: $tag-time-txt;
  background:#333;
  // 默认|时间
  &.default,
  &.time{
    background: $tag-time;
    color: $tag-time-txt;

  }
  // 房屋
  &.house{
    background:$tag-house;
    color: $tag-house-btn;

  }
  // 建议
  &.advice{
    background:$tag-advice;
    color: $tag-advice-txt;

  }
  // 表扬
  &.praise{
    background:$tag-praise;
    color: $tag-praise-txt;

  }
  // 投诉
  &.complaints{
    background:$tag-complaints;
    color: $tag-complaints-txt;
  }
  // 咨询
  &.consulting{
    background:$tag-consulting;
    color: $tag-consulting-txt;

  }
  // 待受理
  &.accept{
    background:$tag-accept;
    color: $tag-accept-txt;

  }
}
</style>
