HarmonyOS 鸿蒙Next Badge组件，count=0时显示信息标记不会隐藏

@Entry
@Component
struct Index {
build() {
Badge({
count: 0,
style: { badgeSize: 16, badgeColor: ‘ff4444’ }
}) {
Column() {
Text(‘Badge’)
.width(50)
.height(50)
.backgroundColor(’#ff10daec’)
}
}
.padding(3)
}
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

文档说明：count小于等于0时不显示信息标记。

但现在当count小于等于0时，角标不会消失，而是变为一道竖线。

这个组件我上周用时好像还没有这个问题。

关于HarmonyOS 鸿蒙Next Badge组件，count=0时显示信息标记不会隐藏的问题，您也可以访问：https://www.itying.com/category-93-b0.html 联系官网客服。

更多关于HarmonyOS 鸿蒙Next Badge组件，count=0时显示信息标记不会隐藏的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

sinazl 1楼•5 个月前

我这边刚试了一下，也没问题。

[@Entry](/user/Entry)
[@Component](/user/Component)
struct Page61 {
  [@State](/user/State) count:number = 0
  build() {
    Column(){
      Button('增加').onClick(()=>{
        this.count ++
      })
      Button('减少').onClick(()=>{
        this.count --
      })
      Badge({
        count: this.count,
        style: { badgeSize: 16, badgeColor: 'ff4444' }
      }) {
        Column() {
          Text('Badge')
            .width(50)
            .height(50)
            .backgroundColor('#ff10daec')
        }
      }
      .padding(3)
    }
  }
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>