需求：界面中展示图标 → 可以使用 svg 图标（任意放大缩小不失真、可以改颜色）

联合类型是一种灵活的数据类型，它修饰的变量可以存储不同类型的数据基于联合类型，变量可存不同类型数据联合类型还可以将变量值，约定在一组数据范围内进行选择上面我给sex赋值时，只能填写 'man'，'woman'，'secret'，否则就会报这个赋的这个值，不是这三个的其中一个。

function 函数名() {函数体。

let 对象名称: 对象结构类型 = 值name: '月婵',age: 18,weight: 90。

编程语言的核心是处理数据三种常见的基础数据类型变量的存储和修改（string number boolean）

属性：.backgroundImage(背景图地址）背景图平铺方式 ImageRepeat：（可省略）Noreapeat：不平铺，默认值X：水平平铺Y：垂直平铺XY：水平垂直均平铺。

语法：.fontColor(颜色值)提示：① 色值也能在其他写颜色的属性方法中使用，如：背景色② 通常来说以Color.颜色名是我们做测试用的颜色，一般我们要用十六进制来用颜色我们来做一个综合练习思路：排版 → 内容 → 美化文本溢出省略号、行高。

Flex默认主轴水平往右，交叉轴垂直往下 → 右1.主轴方向：direction2.主轴对齐方式：justifyContent3.交叉轴对齐方式：alignltems单行或者单列的情况，优先还是使用线性布局（本质基于Flex设计的，且还做了性能优化）Flex布局：伸缩布局。当子盒子的总和溢出父盒子，默认进行压缩显示。4.布局换行：wrapwrap 属性：Flex 是单行布局还是多行布局1. Fle

注：在方法输入百分比需要使用单引号（'100%'）需求：美化组件外观效果 → 组件的属性方法。现在我们开始优化上期的文字排版。以下是常用的属性方法。

属性：.borderRadius(参数)参数：数值或对象（四个角单独设置）topLeft：左上角topRight：右上角bottomLeft：左下角bottomRight：右下角。