首页 > 其他分享 >鸿蒙开发之容器组件

鸿蒙开发之容器组件

时间:2023-12-20 22:12:52浏览次数:29  
标签:容器 鸿蒙 flex imageButton Text 组件 Row

容器组件类似于flex的布局, 不过这里是固定Column 是纵向 Row是横向

 当然, 也提供了很多的flex相关的属性封装

如何设置?

第一种是

Row() {
  Text($r(…)) 
  Text($r(…)) 
  }
  .justifyContent(FlexAlign.SpaceBetween)  //在属性上设置
  .width('100%')

 第二种是

//参数形式设置
Row({ space: CommonConstants.LOGIN_METHODS_SPACE }) {
  this.imageButton($r(…))
  this.imageButton($r(…))
  this.imageButton($r(…))
}

 官方文档参考: https://developer.huawei.com/consumer/cn/training/course/slightMooc/C101682411841555208

标签:容器,鸿蒙,flex,imageButton,Text,组件,Row
From: https://www.cnblogs.com/allenxieyusheng/p/17917710.html

相关文章

  • 鸿蒙开发之初页面UIAbility
    UIAbility类似于一个整体的应用声明入口,比如小程序的app.js,比如安卓端的activity正常页面开发使用的是一个UIAbility即可,然后在一个UIAbility里面通过路由的形式进行跳转 关于路由导入importrouterfrom'@ohos.router'; 跳转router.pushUrl({url:'pag......
  • 鸿蒙开发之在mac上安装集成开发工具DevEco Studio
    在安装集成环境后,会拉取os的依赖文件(类似npm的包文件),安装完成后创建项目  目录结构:   我们所写的代码就在入口文件中编写具体文档:https://developer.huawei.com/consumer/cn/training/course/slightMooc/C101682488597649338  ......
  • 鸿蒙开发之HTTP请求
    1. 申请网络权限在module.json文件中添加"module":{"reqPermissions":[{"name":"ohos.permission.INTERNET"}]} 2.发起//导入http模块importhttpfrom'@ohos.net.http';//创建http实例consthttpRequ......
  • el-upload组件报TypeError: Cannot create property ‘uid‘ on string错误解决方法
      今天发现使用el-upload上传文件,上传没有问题,点详情看文件时就会报一个错误,错误如下:TypeError:Cannotcreateproperty‘uid’onstring‘https://xxxx.com/upload/20230506/1683346602758.png’ 上传多张图片传值是['/service/soilTesting',/service/soilTest......
  • 容器化部署案例
    1.wordpress容器化为什么要容器和?为的就是容器提供的隔绝的名称空间,彻底解决软件依赖的错误,特别是php这种语言,经常性的需要更新,出现版本漏洞等,以及太多的版本,太多的依赖,难以管理,将你的宿主机搞的一团糟。容器化之后,太香了。具体如何描述要容器化迁移?1.便于快速更新,因为......
  • 容器监控方案
    再次强调,时序数据库的ntp问题!!!!ntpdate-untp.aliyun.com当企业级容器上升到一定规模的时候,我们必须得实时监控每个容器的状态。我们可以执行docketstats这个统计命令是实时的,小公司的话,容器少还可以,够用。如果想看前几天的流量监控数据,显然是没有的,这个时候就需要更强大......
  • docker容器跨主机通信
    一、Docker网络基本原理直观上看,要实现网络通信,机器需要至少一个网络接口(物理接口或虚拟接口)与外界相通,并可以收发数据包;此外,如果不同子网之间要进行通信,需要额外的路由机制。Docker中的网络接口默认都是虚拟的接口。虚拟接口的最大优势就是转发效率极高。这是因为Linux通过......
  • 容器资源分配
    题目描述容器化是当前云化趋势下的一种重要技术,容器运行需要足够的CPU资源,请实现一种CPU分配机制,满足如下设计要求:假设所有虚拟机的CPU核数都为 cpuCore 。为了满足可靠性要求,每个虚拟机上最多部署2个容器;一个容器占用一定数量的CPU核数,一个虚拟机上容器占用的CPU核数......
  • docker容器单机编排
    随着网站架构的升级,容器也使用的越发频繁,应用服务和容器间的关系也越发复杂。这就要求研发人员能够更好的方法去管理数量较多的容器服务,而不能手动的去挨个管理。例如一个LNMP的架构,就得部署web服务器,后台程序,数据库,负载均衡等等都需要统一部署在容器里,那么这时候就需要使用统一......
  • vue2加载远程组件
    <template> <divclass="async-component"> <div@click="child">hahah</div> <componentref="test":is="remote"v-if="remote":test="test"@handler="haha"/> ......