企业官网建设流程全解析

Harmony鸿蒙实战开发-健康管理app-健康中心「UI界面/登录-注册-修改密码-运动记录」【源码在文末】

运行工具：DevEco Studio

一、运行演示

1、登录

2、注册

3、忘记密码

4、首页【UI界面】「可上下滑动浏览-带头部导航栏」

5、健康【UI界面】

6、运动「实时记录」

7、身体【UI界面】「可上下滑动」

8、我的-首页「各个模块可点击」

9、我的-运动手环【UI界面】

10、我的-个人信息

11、我的-反馈中心

12、我的-关于我们

二、部分代码

import router from '@ohos.router' @Preview @Component export default struct Mine { build() { Column() { Row(){ Column(){ Text('用户10001') .fontSize(22) .fontColor(Color.White) .fontWeight(FontWeight.Bold) .margin({ left:20 }) Text('与健康中心相遇的第33天') .fontSize(12) .fontColor(Color.White) .margin({ top:5, left:20 }) } .alignItems(HorizontalAlign.Start) Image($r('app.media.ic_avatar')) .width(50) .height(50) .margin({ right:20 }) }.justifyContent(FlexAlign.SpaceBetween) .margin({ top:20 }) .width('100%') .height('10%') Image($r('app.media.plus')).width('100%') .height(100) .margin({ top:20, left:20, right:20 }) .objectFit(ImageFit.Fill) Column(){ Row(){ Row(){ Image($r('app.media.ic_band')).width(25).height(25).objectFit(ImageFit.Fill) Text('运动手环').fontColor(Color.White).margin({ left:10 }) } .margin({ left: 20, top:20 }) Image($r('app.media.ic_right')).width(25).height(25).objectFit(ImageFit.Fill).margin({ right: 20, top: 20 }) }.width('100%').justifyContent(FlexAlign.SpaceBetween) .onClick(() => { router.pushUrl({ url: 'pages/settings/band' }) }) Row(){ Row(){ Image($r('app.media.ic_info')).width(25).height(25).objectFit(ImageFit.Fill) Text('个人信息').fontColor(Color.White).margin({ left:10 }) } .margin({ left: 20, top:30 }) Image($r('app.media.ic_right')).width(25).height(25).objectFit(ImageFit.Fill).margin({ right: 20, top: 30 }) }.width('100%').justifyContent(FlexAlign.SpaceBetween) .onClick(() => { router.pushUrl({ url: 'pages/settings/myInfo' }) }) Row(){ Row(){ Image($r('app.media.ic_help')).width(25).height(25).objectFit(ImageFit.Fill) Text('我要帮助').fontColor(Color.White).margin({ left:10 }) } .margin({ left: 20, top:30 }) Image($r('app.media.ic_right')).width(25).height(25).objectFit(ImageFit.Fill).margin({ right: 20, top: 30 }) }.width('100%').justifyContent(FlexAlign.SpaceBetween) .onClick(() => { router.pushUrl({ url: 'pages/settings/help' }) }) Row(){ Row(){ Image($r('app.media.ic_about')).width(25).height(25).objectFit(ImageFit.Fill) Text('关于我们').fontColor(Color.White).margin({ left:10 }) } .margin({ left: 20, top:30 }) Image($r('app.media.ic_right')).width(25).height(25).objectFit(ImageFit.Fill).margin({ right: 20, top: 30 }) }.width('100%').justifyContent(FlexAlign.SpaceBetween) .onClick(() => { router.pushUrl({ url: 'pages/settings/about' }) }) }.backgroundColor('#1F1F1F') .width('95%') .height('30%') .margin({ left:20, right:20, top:20 }) .borderRadius(15) }.width('100%') .height('100%') .backgroundImage($r('app.media.background')) .backgroundImageSize(ImageSize.Cover) } }

三、源码

相关鸿蒙项目点此专栏

通过百度网盘分享的文件：…zip 链接：百度网盘 请输入提取码

文件已经加密，请点击下方名片获取源码

或：Lvnvn0508