uniapp app小红点
时间: 2023-10-25 11:11:15 浏览: 237
安卓消息小红点
uniapp中可以通过使用uni-badge组件来实现小红点的效果。在需要显示小红点的地方添加uni-badge组件,并设置相应的属性即可。
例如,在tabbar中显示小红点,可以在tabbar中添加uni-badge组件,并设置uni-badge组件的值为需要显示的数字或者true(表示只显示小红点,不显示数字),如下所示:
```
<uni-tabbar>
<uni-tabbar-item icon="home" text="首页" path="/pages/index/index"></uni-tabbar-item>
<uni-tabbar-item icon="contact" text="联系人" path="/pages/contact/contact"></uni-tabbar-item>
<uni-tabbar-item icon="settings" text="设置" path="/pages/settings/settings">
<uni-badge value="3"></uni-badge>
</uni-tabbar-item>
</uni-tabbar>
```
阅读全文