Vuetify 中 Van-icon 设置红点和文字大小教程

您可以通过以下代码设置 van-icon 的红点和文字大小：

<van-icon class='icon' name='like' dot>
  <span class='badge'>99</span>
</van-icon>

<style>
  .icon {
    position: relative;
  }
  .badge {
    position: absolute;
    top: -6px;
    right: -8px;
    background-color: red;
    font-size: 12px;
    color: #fff;
    padding: 0 4px;
    border-radius: 10px;
  }
</style>

在这个例子中，我们为 van-icon 添加了一个 class 名为 'icon'，并在内部添加了一个 span 元素来显示红点中的数字。通过在 van-icon 元素中添加 dot 属性，我们可以使它显示为红点。我们使用 CSS 的 position 属性来将红点定位在 van-icon 的右上角，并使用 background-color，font-size，color 等属性来设置红点的样式。