003 常用组件开发使用

一、前端框架或组件 1.1 Bootstrap 前端框架 1.1.1介绍及用途： Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目，简单来说就是前端的布局工具使用该工具会快速开发页面并且排版布局并且大部分已经优化为自适应布局了做到了开箱即用。 1.1.2下载地址： 链接: https://pan.baidu.com/s/1Z3DXVmhE1_6qBzhgRqxH_g 提取码: 5gek 1.1.3简单示例（组件）： 首先看组件使用示例地址：

使用blank可以在row/column/flex在容器主轴方向上填充剩余部分。可以通过设置min最小宽度/高度来控制填充的大小，也可以通过backgroundColor设置背景颜色来改变默认的透明色填充。

Blank（空白）组件是HarmonyOS NEXT中一个简单但非常实用的UI组件，它主要用于在布局中创建空白区域，帮助开发者更灵活地控制界面元素之间的间距和布局结构。虽然Blank组件本身不显示任何内容，但它在界面设计和布局优化中扮演着重要角色。Blank组件是一个不可见的占位组件，它不渲染任何可见内容，但会占据布局空间。开发者可以通过设置其尺寸（宽度和高度）来控制占用的空间大小。Blank组件虽然简单，但在HarmonyOS NEXT的UI开发中扮演着重要角色。

k空白填充组件，在容器主轴方向上，空白填充组件具有自动填充容器空余部分的能力。仅当父组件为Row/Column/Flex时生效。

鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Blank组件。

ArkTS声明式开发（容器组件：Row）

空白填充组件在容器上空白填充组件具有自动填充空余部分的能力。

自定义组件通常定义在文件成为一个单独的页面然后使用import导入，而组件那没有@entry，且要使用export将其进行暴露，在引入时需要哪些参数就传哪些参数，不需要则不用传参。自定义函数通常定义在同一文件中（即当前页面），使用@Builder，可全局也可局部，局部时不使用function关键字，在使用时使用this.来调用。用法类似于上部分自定义函数（注意提取出来的style样式必须是所有组件可用的公共通用属性）若使用组件特有的属性，则定义在全局上使用@Extend关键字，用来继承该特有组件的名字。

鸿蒙开发arkui组件，Blank组件

ArkTS声明式开发-基础手势：Blank

空白填充组件，在容器主轴方向上，空白填充组件具有自动填充容器空余部分的能力。

配置该属性后，子组件沿主轴方向的尺寸设置（该组件不显示任何内容，并且会。其作用是配置子组件在。主轴方向上的尺寸权重。