您可以通过以下代码设置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等属性来设置红点的样式

van-icon 怎么设置红点 文字大小

原文地址: https://www.cveoy.top/t/topic/foI4 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录