```html
<div class="demo-block" id="badge-demo1">
  <lx-badge text="1"></lx-badge>
  <br>
  <lx-badge text="123"></lx-badge>
  <br>
  <lx-group>
    <lx-cell
      title="Used in a Cell"
      is-link
    >
      <div
        slot="value"
        class="badge-value vux-center-v"
      >
        New Message &nbsp;
        <lx-badge text="8"></lx-badge>
      </div>
    </lx-cell>
    <lx-cell
      title="Used in a Cell"
      is-link
    >
      <div
        slot="value"
        class="badge-value vux-center-v"
      >
        New Message &nbsp;
        <lx-badge text="888"></lx-badge>
      </div>
    </lx-cell>
  </lx-group>
</div>

<script>
// 红点.md
new Vue({
  el: '#badge-demo1'
})
</script>

<style>
.badge-value {
  display: inline-block;
}
</style>
```