HarmonyOS 为什么calc不生效呢

.width (`calc( (100%-54) /4)`)

这种为什么不生效?

设置成这种才生效:

.width ("20%")
HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
aquaa

calc的使用语法为.width(‘calc((100% - 54vp)/2)’),可以参考示例如下:

// xxx.ets
@Entry
@Component
struct SizeExample {
  build() {
    Column({ space: 10 }) {
      // calc计算特性
      Text('calc:').fontSize(20).fontColor('#999').width('90%')
      Text('calc test')
        .fontSize(30)
        .fontWeight(FontWeight.Bold)
        .backgroundColor(0xFFFAF0)
        .textAlign(TextAlign.Center)
        .margin('calc(10vp*2)')
        .width('calc((100% - 54vp)/2)')
      // width和height设置百分比时,以父容器的width和height作为基础值。
      /*.size({ width: 'calc(90%)', height: 'calc(50vp + 10%)' })*/
    }.width('100%').margin({ top: 5 })
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
Left、Top为什么生效
1042浏览 • 1回复 待解决
HarmonyOS 下面demo为什么点击刷新?
418浏览 • 1回复 待解决
HarmonyOS expandSafeArea生效
513浏览 • 1回复 待解决
HarmonyOS margin生效
798浏览 • 1回复 待解决
HarmonyOS targetSpace生效问题
179浏览 • 1回复 待解决
HarmonyOS margin生效问题
285浏览 • 1回复 待解决
HarmonyOS @Observed生效问题
666浏览 • 1回复 待解决
abiFilters配置生效
623浏览 • 1回复 待解决
HarmonyOS 单例模式生效
25浏览 • 1回复 待解决
HarmonyOS hitTestBehavior.block生效
568浏览 • 1回复 待解决
HarmonyOS stack设置圆角生效
287浏览 • 1回复 待解决
HarmonyOS Panel 设置 borderRadius 生效
951浏览 • 1回复 待解决
HarmonyOS 关于onKeyEvent生效问题
588浏览 • 1回复 待解决
HarmonyOS Span内边距生效
27浏览 • 1回复 待解决