```html
<div class="demo-block" id="tabbar-demo1">
  <lx-tabbar>
    <lx-tabbar-item>
      <img
        slot="icon"
        src="/static/image/assets/demo/icon_nav_button.png"
      />
      <span slot="label">Wechat</span>
    </lx-tabbar-item>
    <lx-tabbar-item show-dot>
      <img
        slot="icon"
        src="/static/image/assets/demo/icon_nav_msg.png"
      />
      <span slot="label">Message</span>
    </lx-tabbar-item>
    <lx-tabbar-item selected>
      <img
        slot="icon"
        src="/static/image/assets/demo/icon_nav_article.png"
      />
      <span slot="label">Explore</span>
    </lx-tabbar-item>
    <lx-tabbar-item>
      <img
        slot="icon"
        src="/static/image/assets/demo/icon_nav_cell.png"
      />
      <span slot="label">News</span>
    </lx-tabbar-item>
  </lx-tabbar>
</div>

<script>
// 底部标签.md
new Vue({
  el: '#tabbar-demo1'
})
</script>
```