1.常用的系统组件
Text 显示文本
lmage 显示图片
Colum 列，内容垂直排列
row 行，内容水平排列
button 按钮
2.通用属性
wight 宽
height 高
backgroundColor 背景色
3.尺寸单位
1.px 物理像素，也叫设备像素，设备实际拥有的像素点（出场设置、分辨率单位）
问题：如果用 px 作为宽高单位，又想保证不同显示能力的设备，视觉效果一样大， 就需要针对每个设备单独编码，设置尺寸，非常麻烦。
2.vp` ：virtual pixel 虚拟像素 【推荐使用】
-
会根据不同设备的显示能力，自动进行转换成对应 px 物理像素，保证不同设备视觉一致
-
当数值不带单位时，默认单位
vp -
基于目前预览器和常规手机的显示能力，vp 和 px 的对应关系，大约为 3 倍，1vp ≈ 3px （超清屏手机）
4.文本属性
使用：.属性（参数）
fontsize 字体大小 直接写数值
fontcolor 字体颜色 三种方式’rgb（0，0，0）‘ ；16进制’#‘
枚举（color.颜色）
fontstyle 字体样式 默认不倾斜 倾斜：（FontStyle.Italic）
fontweight 字体粗细 100--900 400正常值
lineheight 文本行高 直接写数值
decoration 文本修饰线及颜色 删除线：LineThrough；下划线：Underline；上划线：Overline
textalign 文本水平对齐方式 start：左对齐 ，默认值 ；center：居中；end：右对齐
align 文本垂直对齐方式 top：顶部对齐；center：垂直居中，默认值；bottom：底部对齐
textindent 首行缩进 一般是字体值的二倍
textoverflow 参数{overfolw：textoverflow.值}
值：none在：文本超长时裁剪显示；clip：文本超长时进行裁剪显示；ellipsis：文本超长时显示不下的文本用省略号代替；marquee：文本超长时以跑马灯的方式显示（滚动显示）
maxlines 数字 1就是省略到一行
文本溢出：一般用textoverflow和maxlines一起使用
5.image图片属性
image 本地图片：image（$r('app.media')）
网络图片：img（‘网页路径链接’）
aspectRatio 宽高比（通用属性）
有宽的值，高的值为 ： 宽%宽高比
有高的值，宽的值为 ： 高*宽高比
alt：图片无法正常时或正常图片加载较慢时会先显示这个图片
objectfit：contain 图片完整展示不保证完全覆盖组件；cover:完全覆盖组件不保证图片完整展示 ；fill：图片缩放至充满组件
标签：显示,鸿蒙,HarmonyOS,px,入门篇,组件,对齐,文本,图片 From： https://blog.csdn.net/weixin_67583932/article/details/141997924