尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
Harmony鸿蒙实战开发-一站式移动办公平台「开机动画➕登录➕应用模版」「UI界面」【源码在文末】
Harmony鸿蒙实战开发-一站式移动办公平台「开机动画➕登录➕应用模版」「UI界面」【源码在文末】文章目录Harmony鸿蒙实战开发-一站式移动办公平台「开机动画➕登录➕应用模版」「UI界面」【源码在文末】一、运行演示1、开机动画2、登录3、首页-办公界面「可上下滑动」4、消息5、通讯录6、我的二、部分代码三、源码运行工具DevEco Studio一、运行演示1、开机动画2、登录3、首页-办公界面「可上下滑动」4、消息5、通讯录6、我的二、部分代码import dayjs from dayjs // export interface LeaveCardItem { // // 状态 // status: number // startTime: string // endTime: string // createTime: string // applyDay: number, // id: string // } Observed export class LeaveCardItem { // 状态 status: number startTime: string endTime: string createTime: string applyDay: number id: string constructor(object: LeaveCardItem) { this.status object.status ?? 1 this.startTime object.startTime ?? this.endTime object.endTime ?? this.createTime object.createTime?? this.applyDay object.applyDay ?? 0 this.id object.id ?? } } // 根据申请状态返回申请结果文字 export const getLabel (status: number) { switch (status) { case 1: return 待审批 case 2: return 正在审批中 case 3: return 审批通过 case 4: return 拒绝 } } // 根据申请状态返回对应的颜色值 export const getColor (status: number) { switch (status) { case 1: return #ff5f35 case 2: return #53cbae case 3: return #53cbae case 4: return #ff5f35 } } Component export default struct LeaveCard { ObjectLink data: LeaveCardItem; build() { Column() { Row() { Text() .backgroundColor(#4749a1) .width(20) .height(20) .borderRadius(10) .margin({ right: 10 }) Text(请假申请) .fontSize(20) .fontWeight(600) }.width(100%) Column() { Row() { Text(${dayjs(this.data.startTime).format(YYYY/MM/DD)} 至 ${dayjs(this.data.endTime).format(YYYY/MM/DD)}) .margin({ right: 10 }) Text(共2天) } .margin({ top: 10 }) Row() { Text(申请时间:${dayjs(this.data.startTime).format(YYYY-MM-DD HH:mm)}) Text(getLabel(this.data.status)) .fontColor(getColor(this.data.status)) } .justifyContent(FlexAlign.SpaceBetween) .width(100%) .margin({ top: 10 }) } .width(100%) .padding({ left: 30 }) .alignItems(HorizontalAlign.Start) } .width(100%) .padding({ top: 20, bottom: 20, left: 10, right: 10 }) .borderWidth({ bottom: 1 }) .borderColor({ bottom: #efefef }) .backgroundColor(Color.White) } }三、源码相关鸿蒙项目点此专栏通过百度网盘分享的文件…zip 链接百度网盘 请输入提取码文件已经加密请点击下方名片获取源码或Lvnvn0508
RELATED

相关推荐

Harmony鸿蒙实战开发-事件提醒app「事件名称/描述、提醒日期、提醒时长、延迟提醒次数、延迟提醒事件间隔」➕⏰声音【源码在文末】

Harmony鸿蒙实战开发-事件提醒app「事件名称/描述、提醒日期、提醒时长、延迟提醒次数、延迟提醒事件间隔」➕⏰声音【源码在文末】

Harmony鸿蒙实战开发-事件提醒app「事件名称/描述、提醒日期、提醒时长、延迟提醒次数、延迟提醒事件间隔」➕⏰声音🔊【源码在文末】 文章目录Harmony鸿蒙实战开发-事件提醒app「事件名称/描述、提醒日期、提醒时长、延迟提醒次数、延迟提醒事件间隔」➕⏰声音&…

📅 2026/9/16 23:10:18
Claude Code 连上 TaoToken 后,能照着 Bridge 桥接系统源码做远程设备控制实验

Claude Code 连上 TaoToken 后,能照着 Bridge 桥接系统源码做远程设备控制实验

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📅 2026/9/16 23:10:18
前端·移动·AI·管理四维术语统一指南

前端·移动·AI·管理四维术语统一指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📅 2026/9/16 23:10:18
MORE NEWS

更多资讯

📰

YuE2混合解码:Python实现的AR-NAR协同生成范式

1. “YuE”不是拼写错误,而是当前生成式AI领域一个正在快速演化的技术代号最近在Hugging Face Spaces、GitHub Trending和几个主流AI技术社区里,频繁刷到“YuE”和“YuE2”这两个词。它们既不像传统模型名称(比如Llama、Qwen、Phi&#xff09…

📰

十年数仓重构经验:从数据契约到维度建模的落地范式

开头干了十年数据仓库,在电商零售和金融两个行业各待了五年多,期间完整经历的“从无到有搭建”和“推倒重来式重构”加起来不下四次。每次重构,表面上看到的是换了个调度工具、改了几张表结构、把脚本从一千个压到三百个,但回头复…

📰

五自由度机械臂正逆运动学:从DH建模到逆解实现全解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

工作流编排深入实践:核心模式、引擎选型与避坑指南

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

DeepSeek Harness 开发者指南:本地 AI 工具链中枢配置与排错

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📰

Transformer架构核心:自注意力机制与多头注意力详解

1. Transformer架构全景解析Transformer模型自2017年由Vaswani等人提出后,彻底改变了序列建模的范式。这个完全基于注意力机制的架构,摒弃了传统RNN的循环结构和CNN的卷积操作,通过自注意力机制实现了对序列数据的全局建模能力。其核心设计思…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬