一、五大高频核心组件：实现页面展示与交互

布局搭建好骨架后，需要组件填充页面内容，以下是绝大多数业务页面必备基础组件：

1.轮播图

首页核心展示组件，自动切换多张图片，支持手动滑动、指示器、跳转链接，常用于 banner 广告、活动宣传。

2.视频组件

支持插入本地 / 在线视频资源，提供播放、暂停、全屏控制，适配课程、商品演示、宣传短片页面。

3.图片组件

基础素材承载组件，可加载图片、图标、背景图，支持裁剪、圆角、缩放，页面视觉素材全依靠它实现。

4.选项卡

分类切换组件，点击标签切换对应内容区域，节省页面空间。比如商品详情切换「参数 / 评价 / 介绍」、分类资讯页。

5.文本 / 输入框

页面文字与交互输入核心：文本用于展示标题、说明、段落文字；输入框承接用户填写，实现搜索、表单提交、留言等交互能力。

二、开发实操小总结

  1. 页面搭建固定流程：先创建根布局确定整体排版方式，再嵌套子布局拆分模块，最后往布局内放入各类功能组件；
  2. 组件负责 “做内容”。

三、结尾

布局和组件是可视化低代码开发的地基，吃透这两类基础能力，就能脱离纯手写代码，快速拖拽搭建各类业务页面。后续会分享布局嵌套实战案例、组件联动交互逻辑。

# 前端
Logo
人工智能6S服务平台

作为“人工智能6S店”的官方数字引擎，为AI开发者与企业提供一个覆盖软硬件全栈、一站式门户。

更多推荐

鸿蒙 ArkTS 常用基础组件总结

用途：可点击交互组件，用来接收用户点击操作，实现提交、取消、删除、页面跳转、修改变量、弹出弹窗等交互逻辑。：输入框组件，允许用户手动打字输入内容，常用于登录账号、填写表单。分组使用，典型场景：性别选择、单选题选项。可设置宽高、缩放模式、圆角、透明度等样式。：静态文本组件，只用来展示文字，用来加载显示本地 / 网络图片。调用的图片路径：打开项目，可点击交互控件，绑定。

avatar 人工智能6S服务平台

鸿蒙基础组件

系统提供 5 类常用基础布局，分别为：垂直布局、水平布局、相对布局、层叠布局、弹性布局。布局通用属性：所有布局容器均支持width、height、padding、margin、justifyContent、alignItems等通用样式控制组件对齐、间距与尺寸。排列规则：可自由切换水平 / 垂直主轴方向，支持子组件自动换行、自动均分剩余空间，兼具 Row 与 Column 能力，是自适应页面首选布

avatar 人工智能6S服务平台

【昇腾/AscendC开发】AscendC DataCopyPad 写出溢出 Bug 详解

要点说明AscendC DMA burst 最小 32B的lenBurst参数必须是 32 的倍数UB→GM 方向无 padding 控制不像 GM→UB 有，UB→GM 只有 3 参数版本溢出只影响空段有数据的段会被后续写出覆盖回来，但空段不会被写 → 残留垃圾feat_dim 最好是 8 的倍数，完美对齐，从根本上避免溢出先测小维度如果我们只测 feat_dim=128，永远不会发现这个 bu

avatar 人工智能6S服务平台