任务

组件1-任务看板

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
  1@Component
  2export struct TaskList {
  3  build() {
  4    /**
  5     * 第2个模块, 显示计划列表
  6     */
  7    Row() {
  8      Column() {
  9        Column({
 10          space: 12
 11        }) {
 12          Image($r('app.media.startIcon'))
 13            .width(28)
 14          Text('已完成')
 15            .fontWeight(FontWeight.Bold)
 16            .fontSize(18)
 17            .fontColor($r('app.color.title_color'))
 18          Text('0任务')
 19            .fontSize(18)
 20            .fontWeight(FontWeight.Bold)
 21        }
 22        .height(164)
 23        .width(168)
 24        .backgroundColor('#8ff8f8')
 25        .alignItems(HorizontalAlign.Center)
 26        .justifyContent(FlexAlign.Center)
 27        .borderRadius({
 28          topLeft: 10
 29        })
 30
 31        Column({
 32          space: 12
 33        }) {
 34          Image($r('app.media.startIcon'))
 35            .width(28)
 36          Text('等待中')
 37            .fontWeight(FontWeight.Bold)
 38            .fontSize(18)
 39            .fontColor($r('app.color.title_color'))
 40          Text('0任务')
 41            .fontSize(18)
 42            .fontWeight(FontWeight.Bold)
 43        }
 44        .height(128)
 45        .width(168)
 46        .backgroundColor('#2ff8f8')
 47        .alignItems(HorizontalAlign.Center)
 48        .justifyContent(FlexAlign.Center)
 49        .borderRadius({
 50          bottomLeft: 10
 51        })
 52        .margin({
 53          top: 2
 54        })
 55      }
 56      .width('50%')
 57      .height('100%')
 58
 59      Column() {
 60        Column({
 61          space: 12
 62        }) {
 63          Image($r('app.media.startIcon'))
 64            .width(28)
 65          Text('未完成')
 66            .fontWeight(FontWeight.Bold)
 67            .fontSize(18)
 68            .fontColor($r('app.color.title_color'))
 69          Text('0任务')
 70            .fontSize(18)
 71            .fontWeight(FontWeight.Bold)
 72        }
 73        .height(128)
 74        .width(168)
 75        .backgroundColor('#22f8f8')
 76        .alignItems(HorizontalAlign.Center)
 77        .justifyContent(FlexAlign.Center)
 78        .borderRadius({
 79          topRight: 10
 80        })
 81
 82        Column({
 83          space: 12
 84        }) {
 85          Image($r('app.media.startIcon'))
 86            .width(28)
 87          Text('计划中')
 88            .fontWeight(FontWeight.Bold)
 89            .fontSize(18)
 90            .fontColor($r('app.color.title_color'))
 91          Text('0任务')
 92            .fontSize(18)
 93            .fontWeight(FontWeight.Bold)
 94        }
 95        .height(164)
 96        .width(168)
 97        .backgroundColor('#8ff8f8')
 98        .alignItems(HorizontalAlign.Center)
 99        .justifyContent(FlexAlign.Center)
100        .borderRadius({
101          bottomRight: 10
102        })
103        .margin({
104          top: 2
105        })
106      }
107      .width('50%')
108      .height('100%')
109    }
110    .width('100%')
111    .height(302)
112  }
113}

组件2-任务列表

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 1@Component
 2export struct TaskFlow {
 3  build() {
 4    Column({
 5      space: 10
 6    }) {
 7      Row() {
 8        Image($r('app.media.startIcon'))
 9          .width(28)
10        Text('完成HarmonyOS第一阶段项目')
11          .fontSize(18)
12          .fontWeight(FontWeight.Bold)
13          .fontColor($r('app.color.title_color'))
14          .margin({
15            left: 10
16          })
17      }
18      .width('100%')
19
20      Text('9:00-12:00')
21        .fontWeight(FontWeight.Bold)
22        .fontColor(Color.Gray)
23
24      Row() {
25        Text('生活')
26          .fontColor(Color.White)
27      }
28      .width(100)
29      .height(30)
30      .backgroundColor(Color.Brown)
31      .borderRadius(10)
32      .justifyContent(FlexAlign.Center)
33    }
34    .width('100%')
35    .height(120)
36    .backgroundColor(Color.White)
37    .borderRadius(10)
38    .alignItems(HorizontalAlign.Start)
39    .padding(10)
40    .margin({
41      top: 10
42    })
43  }
44}

Copyright ©2010-2022 比特日记 All Rights Reserved.

Powered By 可尔物语

浙ICP备11005866号-12