徽标 Badge

基本用法

<template lang="html">
      <div>
      <div class="demo-hidden">
        <za-panel>
          <za-panel-header title="基本">
          </za-panel-header>
          <za-panel-body>
            <za-cell has-arrow title="点状">
              <za-badge slot='description' shape='dot' @click='handleClick'></za-badge>
            </za-cell>
            <za-cell has-arrow title="直角">
              <za-badge slot='description' text='免费'></za-badge>
            </za-cell>
            <za-cell has-arrow title="圆角">
              <za-badge slot='description' text='new' shape='radius'></za-badge>
            </za-cell>
            <za-cell has-arrow title="椭圆">
              <span slot='description'>
                <za-badge :text.number='3' shape='circle'></za-badge>
                <za-badge text='999+' shape='round'></za-badge>
              </span>
            </za-cell>
          </za-panel-body>
        </za-panel>
      </div>
      </div>
</template>
<script>
export default {
  data() {
    return {
    }
  },
  methods: {
    handleClick(e) {
      console.log(e);
    },
  },
};
</script>

API

Badge Attributes

Badge Events