P4:鸿蒙2.x系统应用开发 前端基础入门教程-12集全完结_哔哩哔哩_bilibili
先介绍了鸿蒙的组件类型:
有基本组件(text,image,progress,rating,span,marquee等等)
容器组件(div,list,list-item,swiper,tabs等等)
媒体组件(video)
画布组件(canvas)
然后向我们讲解了chart组件,我们可以跟着视频尝试一下,还是很有趣的。不过我们在尝试的时候要注意视频中老师强调的几个点,
- 预览页面时,务必要注意打开当前需要预览的页面文件夹下 hml、css、js 任意一个文件。
- 切换页面进行预览,不需要重新启动预览器,直接点击右上角刷新按钮即可,出现错误提示。
- pages.chart 文件夹下面的 hml、css、js 文件必须命名为 index,否则的话会出现预览错误
- 出现预览错误修改后,刷新无效,必须重新启动预览器才能正常显示,点击右侧收起再展开即可。
- 图片路径引用失败不会出现文件查找失败错误提示,建议使用绝对路径进行文件路径编码,官方文档介绍在输出 hap 文件后,真机会因为 webpack 打包解析出现找不到文件的问题,不过模拟器是正常的。
-
ES6 Model 数据文件 import 导入只能使用相对路径,不能使用绝对路径,使用绝对路径会报错。
- 使用模拟器进行模拟的时候&#x