ArkUI 学习之尺寸设置：calc（支持计算）

通过尺寸设置中的calc计算属性，对子组件的宽度进行判断，设置子组件的宽度。

@Entry
@Component
struct TestIndex {
  build() {
    Column({ space: 10 }) {
      Text('calc')
        .fontSize(50)
        .backgroundColor(Color.Pink)
        .textAlign(TextAlign.Center)
        .margin('calc(10vp*2)')
        .size({ width: 'calc(50%)', height: 'calc(50vp + 20%)' })

      Text('calc')
        .fontSize(50)
        .backgroundColor(Color.Pink)
        .textAlign(TextAlign.Center)
        .margin('calc(10vp*2)')
        .size({ width: 'calc(100%)', height: 'calc(50vp + 10%)' })
    }
  }
}