el-badge 源码解析

53 阅读1分钟

el-badge 源码解析

<template>
  <div class="el-badge">
    <!--  default slot  -->
    <slot></slot>
    <!--  hidden 时会有过度效果  -->
    <transition name="el-zoom-in-center">
      <sup
        v-show="!hidden && (content || content === 0 || isDot)"
        // text content {{content}}
        v-text="content"
        class="el-badge__content"
        :class="[
          type ? 'el-badge__content--' + type : null,
          {
            'is-fixed': $slots.default,
            'is-dot': isDot // 红点
          }
        ]">
      </sup>
    </transition>
  </div>
</template>