<template>
  <div class="page-badge">
    <h1 class="page-title">Badge</h1>
    
    <h2 class="page-sub-title">基础用法</h2>
    <zan-badge-group active-key="2">
      <zan-badge mark="0" title="热销榜" info="8" url="http://baidu.com"></zan-badge>
      <zan-badge mark="1" title="花式寿司" info="99"></zan-badge>
      <zan-badge mark="2" title="火炽寿司"></zan-badge>
      <zan-badge mark="3" title="手握寿司" info="199"></zan-badge>
    </zan-badge-group>
  </div>
</template>
<style>
  .page-badge {
    padding: 0 15px;
  }
</style>