HarmonyOS鸿蒙Next中使用position配合translate实现元素垂直居中定位，在父元素没有定高的情况下会乱跑

HarmonyOS鸿蒙Next中使用position配合translate实现元素垂直居中定位，在父元素没有定高的情况下会乱跑 详细见图

1. 如果 top 和 translate 设置百分比，父元素高度没定死，会乱跑，如果父元素高度定死则显示正确
2. 如果 top 不设置百分比，定死，父元素不设置高度的情况下，显示也是正确的，但是我内容高度不确定，所以 top 不能定死

Column() {

  Text(this.ldkData.care)
    .width(DpUtils.ratio(265))
    .textAlign(TextAlign.Center)
    .fontSize(DpUtils.ratio(15))
    .fontWeight(500)
    .lineHeight(DpUtils.ratio(22))
    .backgroundColor(Color.Red)
    .borderRadius(DpUtils.ratio(12))
    .padding({
      top: DpUtils.ratio(8),
      bottom: DpUtils.ratio(8),
      left: DpUtils.ratio(19),
      right: DpUtils.ratio(19)
    })
    .align(Alignment.Center)
    .constraintSize({
      minHeight: DpUtils.ratio(54)
    })

  // 这是一个小角标，需要定位处理
  Text(){}
  .width(0)
  .height(0)
  .border({
    width: DpUtils.ratio(8),
    color: {
      right: Color.Blue,
      top: Color.Transparent,
      left: Color.Transparent,
      bottom: Color.Transparent,
    }
  })
  .zIndex(99)
  .position({
    x: -DpUtils.ratio(14),
    y: '50%'
  })
  .translate({
    y: '-50%'
  })
}