vant右上角小红点

村里的大鹅

于 2022-06-16 09:45:59 发布

阅读量861

点赞数 1

文章标签： vue.js webview 前端

本文链接：https://blog.youkuaiyun.com/weixin_49302285/article/details/125309973

版权

1.html 在这里使用了自定义图标

 <div class="mes" @click="message">
        <!-- <img src="../../../assets/images/home/message.png" alt="" /> -->
        <van-icon class-prefix="Icon" :badge="countNews < 99 ? (countNews > 0 ? countNews : '') : '99+'" tag="div" />
      </div>

2.css

   .Icon {
        width: 16.5px;
        height: 19px;
        background-image: url(../../../assets/images/home/message.png);
        background-size: 100%;
      }