一.常用基础 UI 组件（页面内容）

1.轮播图 Swiper：多张图片自动滑动切换，首页 banner 常用

2.视频 Video：播放视频素材组件

3.图片 Image：展示本地 / 网络图片，可控制缩放样式

4.选项卡 Tabs：顶部切换栏目，分页面内容切换

5.文本 Text / 输入框 TextInput：展示文字、接收用户输入内容

6.按钮 Button：点击触发操作的交互控件

7.单选框 Radio：多选一选择控件

8.Toggle 开关：布尔值切换开关（开启 / 关闭）

二.通用样式统一规范（美化组件）

1. 尺寸 width/height
页面宽度统一设 100% 铺满屏幕
按钮、输入框标准高度：50fp
头像正方形：100100fp / 120120fp

2. 颜色 backgroundColor /fontColor
系统内置色：Color.Red
十六进制色：0xffdddff
透明背景：Color.Transparent

3. 间距 padding /margin
padding：内边距，组件内容和自身边框距离
margin：外边距，当前组件和其他组件之间的距离

4.圆角 borderRadius
按钮圆角：8~12
卡片圆角：12~16
圆形头像：宽高数值的一半

5.边框 border
写法.border({width:1,color:0xaaffaa})，设置边框粗细与颜色

6.阴影 shadow
给卡片添加阴影，做出分层凹凸立体感，可自定义阴影半径、颜色、偏移

7.透明度 opacity
取值 0~1，0 完全透明，1 完全不透明

8.图片缩放 objectFit
Cover：铺满容器，超出部分裁剪
Contain：完整显示整张图片，留白不裁剪

9.样式对齐
控制布局内组件左 / 中 / 右、上 / 中 / 下对齐摆放