鸿蒙笔记2

组件（Component）：组件对数据进行简单的封装，然后实现独立的可视的，可交互功能单元。相当于一块一块的。根据组件的功能分为四大类。

基础组件：text、image、progress、rating、span、marquee、image-animator、divider、search、menu、chart

容器组件：div、list、list-item、stack、swiper、tabs、tab-bar、tab-content、list-item-group、refresh、diallog

媒体组件：video

画布组件：canvas

一些注意事项：

创建新的pages包之后下面的hml，css，js文件名需要是index不然预览会报错。

预览错误修改之后刷新是没有用的，要重新打开预览器。

作业讲解：是要做一个这样的页面

这是我的效果图。

接下来说一下我的思路把：

根据要求的图来说，外面有一个灰色的框，中间背景是白色的，所以就是先放一个div让他的背景是灰色的，在这个div里面再放一个div让他的背景是白色的。接下来就在第二个div里面放第一个image标签，在css里面调整他的位置，然后text标签，为了实现蓝色的字体可以在text里面使用span标签。接下来就是两个input。下面那个复选框也是用input实现的具体可以看文章最后的官方文档。然后复选框后面的文字用的是标签label，记下来是一个按钮，最后还是text，因为只是一个页面，我没有添加超链接。

Input-常见组件开发指导-基于JS扩展的类Web开发范式-方舟开发框架（ArkUI）-UI-开发-HarmonyOS应用开发https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-js-common-components-input-0000001202854309