<template>
    <div class="ht-base-badge-colorful-demo">
      <div>
        <strong>预设:</strong>
        <br>
        <ht-base-badge color="blue" text="blue" />
        <ht-base-badge color="green" text="green" />
        <ht-base-badge color="red" text="red" />
        <ht-base-badge color="yellow" text="yellow" />
        <ht-base-badge color="pink" text="pink" />
        <ht-base-badge color="magenta" text="magenta" />
        <ht-base-badge color="volcano" text="volcano" />
        <ht-base-badge color="orange" text="orange" />
        <ht-base-badge color="gold" text="gold" />
        <ht-base-badge color="lime" text="lime" />
        <ht-base-badge color="cyan" text="cyan" />
        <ht-base-badge color="geekblue" text="geekblue" />
        <ht-base-badge color="purple" text="purple" />
        <br>
        <strong>自定义:</strong>
        <br>
        <ht-base-badge color="#2db7f5" text="#2db7f5" />
        <ht-base-badge color="#f50" text="#f50" />
    </div>
    </div>
</template>

<script>
  export default {
    name: 'HtBaseBadgeColorfulDemo',
  }
</script>
<style lang="less">
    .ht-base-badge-colorful-demo {

    }
</style>

