Dimension 尺寸规范：统一间距/圆角/字号

前言“海风日记“通过Dimensions.ets集中管理所有的尺寸常量包括间距、圆角、字号、高度等确保全项目 UI 一致性。本文将从源码出发深入讲解尺寸规范体系的实现。一、尺寸规范体系// 间距 export const PAGE_PADDING 16 export const PAGE_PADDING_WIDE 20 export const CARD_PADDING 12 export const CARD_PADDING_LEFT 16 // 圆角 export const CARD_RADIUS 16 export const CARD_RADIUS_SM 12 export const BTN_RADIUS_FULL 999 export const TAG_RADIUS 10 export const INPUT_RADIUS 12 // 条状元素 export const CARD_MOOD_STRIP 3.5 // 导航栏 export const TAB_BAR_HEIGHT 83 export const STATUS_BAR_HEIGHT 44 export const NAV_BAR_HEIGHT 44 export const HEADER_BAND_HEIGHT 100 export const WAVE_HEIGHT 24 // 字号 export const FONT_DATE_HERO 80 export const FONT_DATE_MD 52 export const FONT_BODY 16 export const FONT_CARD_BODY 13 export const FONT_TAG 11 export const FONT_TIME 10.5 export const FONT_TAB 10 // 行高 export const LINE_HEIGHT_BODY 1.85 export const LINE_HEIGHT_CARD 1.7二、ohos.router 深度使用import router from ohos.router // pushUrl 跳转 router.pushUrl({ url: pages/diary/DiaryDetailPage, params: { diaryId: item.id } }) // replaceUrl 替换 router.replaceUrl({ url: pages/Index }) // back 返回 router.back() // 获取参数 aboutToAppear() { const params router.getParams() as Recordstring, string if (params?.diaryId) { this.diaryId params.diaryId } }三、ArkTS 严格模式// 不可用 Array.from // 替代方案手动循环 private createDayArray(count: number): number[] { const result: number[] [] for (let i 1; i count; i) { result.push(i) } return result }四、总结本文通过“海风日记“的尺寸规范和开发实践深入讲解了鸿蒙开发的最佳实践Dimension Tokens间距、圆角、字号规范Router 路由pushUrl、replaceUrl、backArkTS 严格模式数组操作替代方案如果这篇文章对你有帮助欢迎点赞、收藏⭐、关注你的支持是我持续创作的动力相关资源Dimensions.ets 源码ohos.router APIArkTS 严格模式海风日记项目源码[HarmonyOS 开发者官网](https://atomgit.com/openharmony/docs开源鸿蒙跨平台社区