uniapp 底部导航栏角标

uniapp 底部导航栏角标可以通过在 tabbar 的 item 上添加 badge 属性实现。例如：

<uni-tabbar>
  <uni-tabbar-item icon="home" text="首页" badge="99"></uni-tabbar-item>
  <uni-tabbar-item icon="settings" text="设置"></uni-tabbar-item>
</uni-tabbar>

其中，badge 属性的值即为角标显示的内容。如果不需要显示角标，则不必添加该属性。

相关问题

uniapp底部导航栏加角标

在 UniApp 中，要给底部导航栏加角标，可以通过以下步骤实现：

1. 在 `pages.json` 文件中配置底部导航栏的页面路径和图标信息，例如：

"tabBar": {
  "list": [
    {
      "pagePath": "pages/home/home",
      "text": "首页",
      "iconPath": "/static/tabbar/home.png",
      "selectedIconPath": "/static/tabbar/home-selected.png"
    },
    {
      "pagePath": "pages/cart/cart",
      "text": "购物车",
      "iconPath": "/static/tabbar/cart.png",
      "selectedIconPath": "/static/tabbar/cart-selected.png"
    },
    ...
  ]
}

2. 在对应的页面文件中，使用 `uni.setTabBarBadge` 方法添加角标。例如，在首页 `home.vue` 中的 `onShow` 生命周期中添加角标：

<script>
export default {
  onShow() {
    uni.setTabBarBadge({
      index: 0, // 底部导航栏索引，从0开始
      text: '3' // 角标显示的文本
    });
  }
}
</script>

这样就可以给底部导航栏的首页添加一个显示为"3"的角标了。你可以根据需要在其他页面中的适当生命周期方法中使用 `uni.setTabBarBadge` 方法来添加其他页面的角标。

uniapp app 应用图标角标

UniApp是一种基于Vue.js框架的跨平台应用开发框架，可以用于开发同时运行在多个平台（包括iOS、Android、Web等）的应用程序。UniApp提供了一套统一的API和组件库，开发者只需要编写一次代码，就可以将应用发布到不同的平台上。

关于应用图标角标，UniApp提供了相关的API来实现。应用图标角标是指在应用图标上显示的小红点或者数字，用于提示用户有未读消息或者未处理的通知。在UniApp中，可以使用uni.setTabBarBadge()方法来设置应用图标角标。该方法接受一个对象参数，其中tabIndex表示要设置角标的tab页索引，text表示要显示的文本内容（可以是数字或者文本），success回调函数表示设置成功后的回调。

示例代码如下：

uni.setTabBarBadge({
  index: 0, // 设置第一个tab页的角标
  text: '3', // 显示数字3
  success: function () {
    console.log('设置角标成功');
  }
});

注意：应用图标角标的显示与设备和操作系统有关，不同的设备和操作系统可能会有不同的展示效果。