<!--
 * @Author: WangQiBiao
 * @Date: 2019-09-25 17:20:35
 * @LastEditors: mozhuangru
 * @LastEditTime: 2019-10-12 09:22:30
 * @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';
.tag{
  padding: halfH(2) halfW(4);
  border-radius:halfH(2);
  font-size: halfH(12);
  margin-right: halfW(8);
  color: #fff;
  background:#333;
  // 默认|时间
  &.default,
  &.time{
    background:#4F1FD9;
  }
  // 房屋
  &.house{
    background:#09A4CB;
  }
  // 建议
  &.advice{
    background:#078AE8;
  }
  // 表扬
  &.praise{
    background:#27C553;
  }
  // 投诉
  &.complaints{
    background:#EC5D5D;
  }
  // 咨询
  &.consulting{
    background:#00B6C6;
  }
  &.accept{
    background:#F9AF09;
  }
}
</style>
