Harmony鸿蒙实战开发-康健管理app-康健中心「UI界面/登录-注册-修改暗码-活 ...

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


  
运行工具：DevEco Studio
一、运行演示

1、登录

2、注册

3、忘记暗码

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

5、康健【UI界面】

6、活动「及时记载」

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

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

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

10、我的-个人信息

11、我的-反馈中心

12、我的-关于我们

二、部门代码

1. import router from '@ohos.router'
2. @Preview
3. @Component
4. export default struct Mine {
6.   build() {
7.     Column() {
8.       Row(){
9.         Column(){
10.           Text('用户10001')
11.             .fontSize(22)
12.             .fontColor(Color.White)
13.             .fontWeight(FontWeight.Bold)
14.             .margin({
15.               left:20
16.             })
17.           Text('与健康中心相遇的第33天')
18.             .fontSize(12)
19.             .fontColor(Color.White)
20.             .margin({
21.               top:5,
22.               left:20
23.             })
24.         }
25.         .alignItems(HorizontalAlign.Start)
26.         Image($r('app.media.ic_avatar'))
27.           .width(50)
28.           .height(50)
29.           .margin({
30.             right:20
31.           })
32.       }.justifyContent(FlexAlign.SpaceBetween)
33.       .margin({
34.         top:20
35.       })
36.       .width('100%')
37.       .height('10%')
39.       Image($r('app.media.plus')).width('100%')
40.         .height(100)
41.         .margin({
42.           top:20,
43.           left:20,
44.           right:20
45.         })
46.         .objectFit(ImageFit.Fill)
48.       Column(){
49.         Row(){
50.           Row(){
51.             Image($r('app.media.ic_band')).width(25).height(25).objectFit(ImageFit.Fill)
52.             Text('运动手环').fontColor(Color.White).margin({
53.               left:10
54.             })
55.           }
56.           .margin({
57.             left: 20,
58.             top:20
59.           })
60.           Image($r('app.media.ic_right')).width(25).height(25).objectFit(ImageFit.Fill).margin({
61.             right: 20,
62.             top: 20
63.           })
64.         }.width('100%').justifyContent(FlexAlign.SpaceBetween)
65.         .onClick(() => {
66.           router.pushUrl({
67.             url: 'pages/settings/band'
68.           })
69.         })
70.         Row(){
71.           Row(){
72.             Image($r('app.media.ic_info')).width(25).height(25).objectFit(ImageFit.Fill)
73.             Text('个人信息').fontColor(Color.White).margin({
74.               left:10
75.             })
76.           }
78.           .margin({
79.             left: 20,
80.             top:30
81.           })
82.           Image($r('app.media.ic_right')).width(25).height(25).objectFit(ImageFit.Fill).margin({
83.             right: 20,
84.             top: 30
85.           })
86.         }.width('100%').justifyContent(FlexAlign.SpaceBetween)
87.         .onClick(() => {
88.           router.pushUrl({
89.             url: 'pages/settings/myInfo'
90.           })
91.         })
92.         Row(){
93.           Row(){
94.             Image($r('app.media.ic_help')).width(25).height(25).objectFit(ImageFit.Fill)
95.             Text('我要帮助').fontColor(Color.White).margin({
96.               left:10
97.             })
98.           }
99.           .margin({
100.             left: 20,
101.             top:30
102.           })
103.           Image($r('app.media.ic_right')).width(25).height(25).objectFit(ImageFit.Fill).margin({
104.             right: 20,
105.             top: 30
106.           })
107.         }.width('100%').justifyContent(FlexAlign.SpaceBetween)
108.         .onClick(() => {
109.           router.pushUrl({
110.             url: 'pages/settings/help'
111.           })
112.         })
113.         Row(){
114.           Row(){
115.             Image($r('app.media.ic_about')).width(25).height(25).objectFit(ImageFit.Fill)
116.             Text('关于我们').fontColor(Color.White).margin({
117.               left:10
118.             })
119.           }
120.           .margin({
121.             left: 20,
122.             top:30
123.           })
124.           Image($r('app.media.ic_right')).width(25).height(25).objectFit(ImageFit.Fill).margin({
125.             right: 20,
126.             top: 30
127.           })
128.         }.width('100%').justifyContent(FlexAlign.SpaceBetween)
129.         .onClick(() => {
130.           router.pushUrl({
131.             url: 'pages/settings/about'
132.           })
133.         })
134.       }.backgroundColor('#1F1F1F')
135.       .width('95%')
136.       .height('30%')
137.       .margin({
138.         left:20,
139.         right:20,
140.         top:20
141.       })
142.       .borderRadius(15)
143.     }.width('100%')
144.     .height('100%')
145.     .backgroundImage($r('app.media.background'))
146.     .backgroundImageSize(ImageSize.Cover)
147.   }
148. }

复制代码

三、源码

相干鸿蒙项目点此专栏

通过百度网盘分享的文件：…zip 链接：百度网盘 请输入提取码
   文件已经加密，请点击下方名片获取源码
  或：One_PQ

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。