2501_91063928的博客

本期为大家带来智能充电桩APP的核心页面——首页开发实战。quickActions({ img: 'app.media.homeaddchargingPiles', label: '添加充电桩' })核心交互区，包含“充电启停按钮”“充电数据展示”“进度条”三部分，通过@State装饰器管理充电状态（ischarging），点击按钮切换状态。分析：“我的充电桩”和“我的爱车”卡片样式一致，均包含图标、数量、标签，因此复用自定义Comcard组件，点击卡片实现页面跳转。

为大家介绍下项目整体情况：本项目基于HarmonyOS API12开发，涵盖大量鸿蒙原生组件、核心特性及权限配置实操。通过本项目，能帮助你快速熟悉鸿蒙应用开发流程，实现高效上手。源码在开发第二个界面(注册)时我们可以看到又是这样还要在复制一遍这也太麻烦了吧！我们有没有什么方法只写一遍后面直接拿来使用的方法呢？那就要请出我们的自定义UI组件了那么新的问题来了我们要把上面变为我们的自定义组件呢?我们回到设计图上可以看到，（如输入框、按钮组）存在大量重复我们来通过下面步骤把它们解决掉以InputField。