Css 如何在“离子”选项卡中插入数字

我想在选项卡中显示一些待处理的书籍。我想在ionic选项卡图标中显示一个数字。有可能吗

像这样的图像

---

将您的容器设置为

位置：相对的

，然后将

位置：绝对的

添加到数字容器中（可以是p、span、div标签，任何东西都可以）。 然后，您可以更改数字容器的

top

、

left

、

right

和

bottom

属性，以将其定位为所需的位置

ion选项卡{
位置：相对位置；
宽度：50px；
高度：50px；
边框：1px纯黑；
}
离子键跨距{
位置：绝对位置；
排名：0；
右：0；
}

10

将您的容器设置为

位置：相对的

，然后将

位置：绝对的

添加到数字容器中（可以是p、span、div标签，任何东西都可以）。 然后，您可以更改数字容器的

top

、

left

、

right

和

bottom

属性，以将其定位为所需的位置

ion选项卡{
位置：相对位置；
宽度：50px；
高度：50px；
边框：1px纯黑；
}
离子键跨距{
位置：绝对位置；
排名：0；
右：0；
}

10

将您的容器设置为

位置：相对的

，然后将

位置：绝对的

添加到数字容器中（可以是p、span、div标签，任何东西都可以）。 然后，您可以更改数字容器的

top

、

left

、

right

和

bottom

属性，以将其定位为所需的位置

ion选项卡{
位置：相对位置；
宽度：50px；
高度：50px；
边框：1px纯黑；
}
离子键跨距{
位置：绝对位置；
排名：0；
右：0；
}

10

将您的容器设置为

位置：相对的

，然后将

位置：绝对的

添加到数字容器中（可以是p、span、div标签，任何东西都可以）。 然后，您可以更改数字容器的

top

、

left

、

right

和

bottom

属性，以将其定位为所需的位置

ion选项卡{
位置：相对位置；
宽度：50px；
高度：50px；
边框：1px纯黑；
}
离子键跨距{
位置：绝对位置；
排名：0；
右：0；
}

10

我找到了解决方案。只需使用徽章属性。 谢谢

---

我找到了解决办法。只需使用徽章属性。 谢谢

---

我找到了解决办法。只需使用徽章属性。 谢谢

---

我找到了解决办法。只需使用徽章属性。 谢谢

---

它不起作用，我把容器放在哪里了？不要使用

.container

，而是使用

离子标签

，并在其内放置一个带有您要显示的数字的范围。对不起，它应该是

离子标签

而不是

离子标签

。我已经上传了我的答案我想放在图标标签附近的号码不是新标签。离子选项卡创建一个新的图标选项卡。Ionic框架使用angularjs指令。我想知道不可能使用标准选项卡：（它不起作用，我把容器放在Ionic选项卡中？而不是

。容器

，使用

ion选项卡

，并在其中放置一个带有您要显示的数字的范围。对不起，它应该是

ion选项卡

而不是

ion选项卡

。我已经上传了我的答案我想放在icon选项卡附近的数字不是新选项卡。ion选项卡创建一个新的图标选项卡。爱奥尼亚框架使用angularjs指令。我想知道使用标准选项卡是不可能的：（它不起作用，我把容器放在Ionic选项卡中？而不是

。容器

，使用

ion选项卡

，并在其中放置一个带有您要显示的数字的范围。对不起，它应该是

ion选项卡

而不是

ion选项卡

。我已经上传了我的答案我想放在icon选项卡附近的数字不是新选项卡。ion选项卡创建一个新的图标选项卡。爱奥尼亚框架使用angularjs指令。我想知道使用标准选项卡是不可能的：（它不起作用，我把容器放在Ionic选项卡中？而不是

。容器

，使用

ion选项卡

，并在其中放置一个带有您要显示的数字的范围。对不起，它应该是

ion选项卡

而不是

ion选项卡

。我已经上传了我的答案我想放在icon选项卡附近的数字不是新选项卡。ion选项卡创建一个新的图标选项卡。爱奥尼亚框架使用angularjs指令。我想知道使用标准选项卡是不可能的：(

<ion-tabs class="tabs-striped tabs-dark tabs-background-positive">

  <ion-tab title="Fila" icon-off="ion-ios-people dark" icon-on="ion-ios-people" href="#/tab/queue">
    <ion-nav-view name="tab-queue"></ion-nav-view>
  </ion-tab>

  <ion-tab title="Comissões" icon-off="ion-social-usd-outline dark" icon-on="ion-social-usd-outline" href="#/tab/profit">
    <ion-nav-view name="tab-profit"></ion-nav-view>
  </ion-tab>

  <ion-tab title="Agenda" icon-off="ion-ios-calendar-outline dark" icon-on="ion-ios-calendar-outline" href="#/tab/book">
    <span><number here ??></span>
    <ion-nav-view name="tab-book"></ion-nav-view>
  </ion-tab>

  <ion-tab title="Perfil" icon-off="ion-android-person dark" icon-on="ion-android-person" href="#/tab/profile">
    <ion-nav-view name="tab-profile"></ion-nav-view>
  </ion-tab>
</ion-tabs>