Harmony鸿蒙实战开发-记事本「登录保护」【源码在文末】

最新推荐文章于 2024-07-23 15:29:01 发布

小段爱开发

最新推荐文章于 2024-07-23 15:29:01 发布

阅读量223

点赞数 5

分类专栏： HarmonyOS # HarmonyOS开发实战项目文章标签： harmonyos windows 华为

本文链接：https://blog.csdn.net/m0_63324772/article/details/140611944

版权

HarmonyOS 同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

HarmonyOS开发实战项目

23 篇文章 0 订阅

订阅专栏

Harmony鸿蒙实战开发-记事本「登录保护」【源码在文末】

文章目录

Harmony鸿蒙实战开发-记事本「登录保护」【源码在文末】

运行工具：DevEco Studio

一、运行演示

1、注册

2、登录

3、主页

4、编写

二、部分代码

import router from '@ohos.router'
import { NoteInfo } from '../model/data'
import { DBUtil } from '../util/DBUtil'
@Entry
@Component
struct Home {

  @State arr: NoteInfo[] = []
  async onPageShow(){
    this.arr = await DBUtil.queryNote()
  }

  build() {
    Column(){
      Row() {


        Row() {
          Blank()
          Text($r('app.string.add'))
            .fontSize(24)
            .fontWeight(400)
            .fontColor(Color.White)
            .width(50)
            .onClick(() => {
              router.pushUrl({
                url: 'pages/New'
              })
            })

        }.width("100%")
        .padding(10)

      }
      .width('100%')
      .height(60)
      .linearGradient({
        direction: GradientDirection.Bottom,
        colors: ['#F1F3F5', 0.5, ['#725A4E', 1]]
      })


      List({space: 10}){
        ForEach(this.arr,(item: NoteInfo,index: number) => {
          ListItem(){
            Column({space: 3}){
              Text(item.title)
                .fontSize(20)
                .fontWeight(FontWeight.Bold)
              Text(item.content)
                .maxLines(1)
                .textOverflow({overflow: TextOverflow.Ellipsis})
              Text(item.crateTime)
                .fontSize(13)
                .fontColor("#ff9f9f9f")
            }
            .onClick(() => {
              router.pushUrl({
                url: "pages/Old",
                params: item
              })
            })
            .backgroundColor(Color.White)
            .borderRadius(5)
            .padding(10)
            .justifyContent(FlexAlign.Center)
            .alignItems(HorizontalAlign.Start)
            .width("100%")
          }
          .width("100%")
        })
      }
      .layoutWeight(1)
      .width("100%")

    }
    .backgroundColor("#ffeeeeee")
    .width("100%")
    .height("100%")
    .padding(10)
  }
}