鸿蒙Android4个脚有脚线

效果

复制代码
  min:number=122
  max:number=150




    Row(){
        Stack(){

          // 底
          Text().border({
            width:2,
            color:$r('app.color.yellow')
          })
            .height(this.max).aspectRatio(1)

          // 长
          Text().backgroundColor($r('app.color.white'))
            .height(this.max).width(this.min)

          // 宽
          Text().backgroundColor($r('app.color.white'))
            .height(this.min).width(this.max)

          Text('erweim').backgroundColor(Color.Yellow).width(this.min).aspectRatio(1)


        }
        .alignContent(Alignment.Center)
      }
      .justifyContent(FlexAlign.Center)
      .width('100%')

      .layoutWeight(1)

      Divider().vertical(false).color($r('app.color.grey4')).strokeWidth(1)
相关推荐
2401_860319526 小时前
在React Native鸿蒙跨平台开发中实现一个冒泡排序算法并将其应用于数据排序,如何进行复制数组以避免直接修改状态中的数组
javascript·算法·react native·react.js·harmonyos
ujainu8 小时前
FlutterOHOS开发:从基础到跨端实战
flutter·harmonyos·开发
爱吃大芒果8 小时前
Flutter 基础组件详解:Text、Image、Button 使用技巧
开发语言·javascript·flutter·华为·ecmascript·harmonyos
赵财猫._.9 小时前
React Native鸿蒙开发实战(二):基础组件与Flex布局
react native·react.js·harmonyos
盐焗西兰花11 小时前
鸿蒙学习实战之路-多端交互最佳实践
学习·交互·harmonyos
90后的晨仔12 小时前
鸿蒙开发必备:macOS 上 ohpm 的完整安装与配置指南(从报错到成功)
harmonyos
90后的晨仔13 小时前
安装ohpm报错ERROROR: node: command not found Failed to find the executable 'node'
harmonyos
盐焗西兰花13 小时前
鸿蒙学习实战之路-Web 页面适配最佳实践
前端·学习·harmonyos
90后的晨仔13 小时前
ANDROID_HOME not set. Set the environment variable. Then, close DevEco Studio an
harmonyos
kirk_wang14 小时前
在鸿蒙端适配 Flutter `flutter_native_splash` 库:原理、实现与性能优化
flutter·移动开发·跨平台·arkts·鸿蒙