首页 > 编程学习 > 鸿蒙笔记2

鸿蒙笔记2

发布时间:2022/1/17 12:12:14

组件(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应用开发icon-default.png?t=LBL2https://developer.harmonyos.com/cn/docs/documentation/doc-guides/ui-js-common-components-input-0000001202854309

 

Copyright © 2010-2022 ngui.cc 版权所有 |关于我们| 联系方式| 豫B2-20100000