鸿蒙原生应用 ArkTS 严格模式实战：打印共享我的页 —— 下载统计与渐变用户卡组合技

一键难忘

7人浏览 · 2026-09-22 23:59:43

一键难忘 · 2026-09-22 23:59:43 发布

鸿蒙原生应用 ArkTS 严格模式实战：打印共享我的页 —— 下载统计与渐变用户卡组合技

App 34「校园打印资料共享」我的（ProfileTab），主题色 #27AE60 草绿。我的页采用"用户卡 + 统计 + 菜单 + About"四区布局——草绿渐变 UserCard（📚 64 半透明圆形头像 + "学习分享者"标题 + "共享资料 18 份 · 获赞 89"副标题） + 悬浮 StatRow（margin -24 上移 + 18 我的资料 / 156 被下载 / 42 下载记录 / 9 收藏 4 统计项） + MenuList 5 菜单项（📁 我的资料 / ⬇️ 下载记录 / ⭐ 我的收藏 / 🖨️ 打印记录 / ⚙️ 设置，每项含 emoji + 标题 + ">" 箭头 + 0.5px Divider） + 底部 About（"校园打印资料共享" + "Version 1.0.0"）。本篇基于 34-print-share/entry/src/main/ets/pages/ProfileTab.ets（约 100 行）逐段拆解，附 4 张实机截图。

一、整体结构：四区"用户卡 + 统计 + 菜单 + About"布局

App 34 我的页是"用户信息 + 数据统计 + 菜单导航 + 底部版本"的标准我的页——4 个 @Builder 块：

build() {
  Column() {
    Scroll() {
      Column() {
        this.UserCard()
        this.StatRow()
        this.MenuList()
        this.About()
      }
      .width('100%')
      .padding({ bottom: D.pad + this.safeBottom + 20 })
    }
    .layoutWeight(1).scrollBar(BarState.Off).align(Alignment.Top)
  }
  .width('100%').height('100%').backgroundColor(C.bg)
}

4 块结构：

UserCard — 草绿渐变用户卡
StatRow — 悬浮 4 统计卡
MenuList — 5 菜单列表
About — 底部版本信息

与 App 33 我的页对比：

App 33：3 统计（48/126km/¥88）+ 5 菜单带 extra
App 34：4 统计（18/156/42/9）+ 5 菜单无 extra

"33 三统计五菜单带 extra vs 34 四统计五菜单无 extra"——"34 统计多、33 菜单带 extra"——"两种我的页风格"——"33 菜单带数据预览、34 菜单纯入口"——"我的页的差异"——"34 的数据全在统计行"。

"34 我的页统计丰富"——"18 我的资料 + 156 被下载 + 42 下载记录 + 9 收藏"——"4 维度个人数据"——"上传者 + 下载者的双重视角"——"共享平台的个人数据"。

主题色 #27AE60 草绿——同首页/资料/上传——"品牌色贯穿全 App"。

校园打印资料共享我的首屏 · 草绿渐变用户卡(📚 64圆头像+学习分享者+共享资料18份·获赞89)+悬浮4统计(18我的资料/156被下载/42下载记录/9收藏)+5菜单(📁我的资料/⬇️下载记录/⭐我的收藏/🖨️打印记录/⚙️设置)+底部About(校园打印资料共享 Version 1.0.0)

项目源码开源：https://gitee.com/codenestFlow/HarmonyOSHub

二、UserCard：草绿渐变用户卡

UserCard 是 草绿渐变 + 📚 头像 + 用户名 + 副标题的渐变用户卡：

@Builder
UserCard() {
  Row({ space: 14 }) {
    Row() { Text('📚').fontSize(32) }
    .width(64).height(64).backgroundColor('#33FFFFFF').borderRadius(32).justifyContent(FlexAlign.Center)
    Column({ space: 5 }) {
      Text('学习分享者').fontSize(18).fontWeight(FontWeight.Bold).fontColor('#FFFFFF')
      Text('共享资料 18 份 · 获赞 89').fontSize(12).fontColor('#FFFFFF').opacity(0.85)
    }.alignItems(HorizontalAlign.Start).layoutWeight(1)
  }
  .width('100%')
  .padding({ top: this.safeTop + 30, left: D.pad, right: D.pad, bottom: 44 })
  .linearGradient({ angle: 135, colors: [[C.primary, 0.0], [C.accent, 1.0]] })
}

UserCard 结构：

外层：草绿 135° 渐变背景（#27AE60 → #5BC980）+ 顶部 safeTop + 30 padding + 底部 44 padding
内层 Row：64×64 半透明白圆头像（📚 32 号）+ 文字区（"学习分享者" 18 号加粗 + "共享资料 18 份 · 获赞 89" 12 号 0.85 透明）

linearGradient({ angle: 135, colors: [[C.primary, 0.0], [C.accent, 1.0]] })——"草绿 135° 渐变"——"#27AE60 → #5BC980"——"系列渐变统一"——同首页 Banner。

padding({ top: this.safeTop + 30, bottom: 44 }) 非对称 padding——"顶部安全区 + 底部 44 让位"——"44 = StatRow 悬浮占位"——"负 margin 重叠设计"。

Row().width(64).height(64).backgroundColor('#33FFFFFF').borderRadius(32) 头像——"64×64 半透明白圆"——"#33FFFFFF = 白 20% 透明"——"渐变上的半透明"——"borderRadius 32 = 圆形"。

Text('📚').fontSize(32) 32 号书本 emoji——"学习头像"——"📚 = 学习/资料"——"emoji 头像"——与 App 33 "🚴"、App 32 "☂️" 对比——"业务 emoji 头像"——"头像 = 业务符号"。

Text('学习分享者').fontSize(18).fontWeight(FontWeight.Bold).fontColor('#FFFFFF') 18 号加粗白——"用户名"——"学习分享者 = 身份"——与 App 33 "骑行达人"、App 32 "雨伞用户" 对比——"学习者/达人/用户"——"身份命名"——"34 = 分享者（贡献者视角）"。

Text('共享资料 18 份 · 获赞 89').fontSize(12).fontColor('#FFFFFF').opacity(0.85) 12 号白 0.85 透明——"副标题"——"共享 18 份 + 获赞 89"——"贡献数据"——"· 中点分隔"——"获赞 = 社交反馈"——与 App 33 "累计减碳 12.6 kg 🌱" 对比——"共享量 vs 减碳量"——"业务价值观"。

"获赞 89" 的社交维度——"资料被点赞"——"共享的社交反馈"——"创作者激励"——"获赞 = 认可"——"UGC 平台的核心"——"内容创作者的成就"。

bottom: 44 底部 44 padding——"悬浮 StatRow 的关键"——"重叠设计"——"负 margin -24"。

与 App 33/32 UserCard 对比：

项目	App 32	App 33	App 34
渐变	晴空蓝	青蓝	草绿
头像	☂️	🚴	📚
用户名	雨伞用户	骑行达人	学习分享者
副标题	信用良好·已归还	累计减碳 12.6kg	共享 18 份·获赞 89

"三个共享 App 用户卡"——"伞/车/书"——"信用/减碳/获赞"——"业务价值观的演进"——"34 = 学习 + 社交"——"共享生态的丰富"。

三、StatRow：4 统计悬浮卡

StatRow 是 margin -24 上移 + 4 统计项的悬浮统计卡：

@Builder
StatRow() {
  Row() {
    ForEach(this.stats, (s: StatItem) => {
      Column({ space: 4 }) {
        Text(s.value).fontSize(18).fontWeight(FontWeight.Bold).fontColor(C.text)
        Text(s.label).fontSize(11).fontColor(C.textDim)
      }.layoutWeight(1)
    }, (s: StatItem) => s.label)
  }
  .width('92%').padding({ top: 14, bottom: 14 })
  .backgroundColor(C.card).borderRadius(D.rMd).border({ width: 1, color: C.stroke }).margin({ top: -24 })
}

StatRow 结构：

外层 Row：92% 宽 + 14 padding 上下 + 白底 + 14 圆角 + 1px 边框 + margin top -24
内层 ForEach：4 个 Column（数值 + 标签）

margin({ top: -24 }) 负 margin 悬浮——"上移 24px"——"与 UserCard 重叠"——"悬浮立体"——"同 App 32/33"——"系列悬浮统一"。

width('92%') 92% 宽——"非满宽"——"两侧 4% 边距"——"卡片感"——"同系列"。

4 个统计项：

数值	标签
18	我的资料
156	被下载
42	下载记录
9	收藏

"18 我的资料"——"上传的资料数"——"贡献量"——"与副标题'共享 18 份'呼应"——"数据一致"。

"156 被下载"——"下载总量"——"资料热度"——"被下载 = 受欢迎"——"156 次"——"贡献的影响力"。

"42 下载记录"——"下载过的资料"——"消费记录"——"下载历史"——"用户浏览行为"。

"9 收藏"——"收藏夹"——"保存的资料"——"收藏量"——"个人偏好"。

"4 项 = 4 维度"：上传（18）+ 影响（156）+ 消费（42）+ 偏好（9）——"4 维度的资料画像"——"上传者 + 下载者双视角"——"共享平台的个人数据"——"数据的完整"。

Column({ space: 4 }).layoutWeight(1) 4 等分——"4 项等宽"——"layoutWeight 等权"——"公平展示"。

Text(s.value).fontSize(18).fontWeight(FontWeight.Bold) 18 号加粗黑数值——"数值焦点"——"18/156/42/9"——"纯数字"——"无单位"。

Text(s.label).fontSize(11).fontColor(C.textDim) 11 号灰标签——"标签次要"——"11 号小字"。

`StatItem 接口（2 字段）：

interface StatItem { value: string; label: string; }

2 字段极简模型——"value + label"——"同 App 32/33"——"模型复用"。

与 App 33/32 StatRow 对比：

App 32：4 统计（12/95/¥50/0）
App 33：3 统计（48/126km/¥88）
App 34：4 统计（18/156/42/9）

"4/3/4 统计"——"统计项 = 业务核心"——"34 的 4 统计含被下载（影响力）"——"共享平台的数据特色"——"被下载 = 34 独有维度"。

我的收藏菜单交互 · 点击第三项菜单"⭐ 我的收藏"后屏幕底部弹出"我的收藏"Toast，演示 5 菜单的独立点击响应

四、MenuList：5 菜单列表

MenuList 是 5 个菜单项 + Divider 的菜单列表：

@Builder
MenuList() {
  Column() {
    ForEach(this.menus, (m: MenuItem, idx: number) => {
      Row({ space: 12 }) {
        Text(m.emoji).fontSize(18)
        Text(m.title).fontSize(14).fontColor(C.text).layoutWeight(1)
        Text('>').fontSize(14).fontColor(C.textDim)
      }
      .width('100%').padding({ left: 14, right: 14, top: 14, bottom: 14 })
      .onClick(() => { promptAction.showToast({ message: m.title }); })
      if (idx < this.menus.length - 1) { Divider().color(C.stroke).strokeWidth(0.5) }
    }, (m: MenuItem) => m.title)
  }.width('92%').margin({ top: 16 }).backgroundColor(C.card).borderRadius(D.rMd).border({ width: 1, color: C.stroke })
}

MenuList 结构：

外层 Column：92% 宽 + margin top 16 + 白底 + 14 圆角 + 1px 边框
内层 ForEach：5 个 Row（emoji + 标题 + 箭头）+ 条件 Divider

5 个菜单项（每项 3 要素）：

emoji	标题	箭头
📁	我的资料	>
⬇️	下载记录	>
⭐	我的收藏	>
🖨️	打印记录	>
⚙️	设置	>

Text(m.emoji).fontSize(18) 18 号 emoji——"📁⬇️⭐🖨️⚙️"——"5 个功能图标"——"资料/下载/收藏/打印/设置"。

Text(m.title).fontSize(14).fontColor(C.text).layoutWeight(1) 14 号黑标题——"占据中间"——"菜单标题"。

Text('>') 箭头——"14 号灰"——"跳转箭头"——"通用符号"。

onClick(() => promptAction.showToast({ message: m.title })) 点击反馈——"整行可点"——"Toast 反馈"——"占位跳转"。

if (idx < this.menus.length - 1) { Divider() } 条件 Divider——"最后一项不画"——"0.5px 极细"——"5 项 4 分割"。

5 菜单的业务：

📁 我的资料（上传管理）
⬇️ 下载记录（下载历史）
⭐ 我的收藏（收藏夹）
🖨️ 打印记录（打印历史）
⚙️ 设置（通用）

"5 菜单 = 5 模块"——"资料 + 下载 + 收藏 + 打印 + 设置"——"共享资料 App 的完整功能"——"业务全覆盖"——"上传者的管理 + 下载者的记录"。

与 App 33 菜单对比：

App 33：5 菜单带 extra（48次/¥88/3张/未开通）
App 34：5 菜单无 extra（纯入口）

"带 extra vs 无 extra"——"33 数据预览、34 纯入口"——"两种菜单风格"——"34 的数据在统计行"——"菜单分工不同"——"设计的选择"。

`MenuItem 接口（3 字段）：

interface MenuItem { id: number; emoji: string; title: string; }

3 字段：id/emoji/title——"极简菜单模型"——"同 App 32"——"3 字段足够"。

下载记录菜单交互 · 点击第二项菜单"⬇️ 下载记录"后屏幕底部弹出"下载记录"Toast，演示菜单整行可点 + Toast 反馈

五、About：底部版本信息

About 是 **"校园打印资料共享" + "Version 1.0.0"**的版本信息：

@Builder
About() {
  Column({ space: 4 }) {
    Text('校园打印资料共享').fontSize(12).fontColor(C.textDim)
    Text('Version 1.0.0').fontSize(11).fontColor(C.textDim).opacity(0.7)
  }.width('100%').margin({ top: 24 })
}

About 结构：Column 垂直 + 4 间距 + 12 号 App 名 + 11 号版本号（0.7 透明）——"极简底部信息"。

"校园打印资料共享" 全称——"与首页'资料共享'简称对比"——"About 用全称"——"简称与全称"——"命名的场景"。

Text('Version 1.0.0').fontSize(11).opacity(0.7) 11 号灰 0.7 透明版本——"版本信息"——"系列 About 统一"。

margin({ top: 24 }) 24 顶部间距——"底部呼吸"——"与菜单间距"。

与 App 33/32 About 对比——"三个共享 App 的 About 同结构"——"系列 About 统一"——"版本信息的规范"。

打印记录菜单交互 · 点击第四项菜单"🖨️ 打印记录"后屏幕底部弹出"打印记录"Toast，演示打印历史入口的点击反馈

六、我的页的交互细节与可用性分析

6.1 渐变用户卡 vs 实色卡

UserCard 渐变 + StatRow/MenuList 实色——"渐变 = 焦点"——"实色 = 普通"——"层次用色彩"——"3 级视觉层级"。

6.2 悬浮统计的实现

margin -24 上移——"重叠立体"——"与用户卡重叠"——"悬浮的层次"——"同 App 32/33"——"系列悬浮统一"。

6.3 4 统计的"共享视角"

18 上传 + 156 被下载 + 42 下载 + 9 收藏——"4 维度"——"上传者 + 下载者"——"共享平台的双视角"——"被下载 = 影响力"。

6.4 5 菜单的"功能全覆盖"

资料 + 下载 + 收藏 + 打印 + 设置——"5 大模块"——"完整功能"——"个人管理"——"业务全覆盖"。

6.5 获赞的"社交反馈"

获赞 89——"资料被点赞"——"社交认可"——"创作者激励"——"UGC 生态"——"反馈的价值"。

6.6 我的页的"色彩心理学"

草绿（#27AE60）——"绿色 = 学习/成功"——"我的页的绿"——"资料共享的绿色"——"可信赖"。

6.7 我的页的"信息层级"

L1 身份（UserCard）→ L2 数据（StatRow）→ L3 功能（MenuList）→ L4 关于（About）——"4 层信息"——"从身份到元信息"——"用户的金字塔"。

6.8 我的页的"与 App 33 对比"

6.10 我的页的"设计哲学"

我的页的 3 个设计哲学：

身份优先——UserCard 顶部渐变最大
数据并列——4 统计等宽
功能完整——5 菜单全覆盖

"身份 + 数据 + 功能的我的"——"工具型我的页的设计原则"——"从哲学看设计"。

6.11 我的页的"对比与统一"

统一：92% 宽 + 14 圆角 + 1px 边框（StatRow/MenuList）——"卡片统一"。对比：UserCard 渐变 / StatRow 悬浮 / MenuList 平铺 / About 文字——"4 块差异"。

6.12 我的页的"终评"

用户卡 + 4 统计 + 5 菜单 + About = 完整我的页——"我的页的完成度"——"可上线级"——"系列共享型我的标杆"。

6.13 我的页的"emoji 体系"

📚📁⬇️⭐🖨️⚙️——"6 个 emoji"——"学习/资料/下载/收藏/打印/设置"——"emoji = 功能"——"低成本图标"。

6.14 我的页的"数据一致性"

18 资料（副标题 + 统计 + 菜单）——"跨区数据"——"3 处 18"——"demo 数据一致"——"全局数据"。

6.15 我的页的"共享 UGC 生态"

上传资料（生产）→ 被下载（影响）→ 下载记录（消费）→ 收藏（偏好）——"UGC 完整生态"——"生产者 + 消费者"——"共享平台的闭环"——"我的页的数据即生态"。

6.17 我的页的"创作者激励"

获赞 89 + 被下载 156——"双激励"——"点赞 + 下载"——"创作者成就感"——"内容价值体现"——"激励设计"——"UGC 留存"。

6.18 我的页的"5 菜单管理"

资料/下载/收藏/打印/设置——"5 个管理入口"——"个人资产管理"——"历史记录"——"偏好设置"——"完整的管理体系"。

6.19 我的页的"打印记录"

🖨️ 打印记录菜单——"打印历史"——"花了多少钱打印"——"打印成本回顾"——"34 特有的菜单"——"打印业务的管理"——"与首页价格 Banner 呼应"。

6.20 我的页的"emoji 语义"

📚📁⬇️⭐🖨️⚙️——"6 个功能 emoji"——"学习/资料/下载/收藏/打印/设置"——"emoji = 功能识别"——"低成本图标"——"语义的直观"。

6.21 我的页的"拇指操作"

5 菜单在屏幕中下部——"拇指可达区"——"高频菜单居中"——"设置在最下"——"低频操作放底部"——"拇指设计"。

6.22 我的页的"数据来源"

18/156/42/9——"数据从哪来？"——"上传记录汇总"——"下载统计"——"demo 的静态数据"——"真实化路径"——"接口替换即活"。

6.23 我的页的"颜色一致性"

草绿贯穿——"渐变卡 + 选中态"——"品牌记忆"——"绿色的辨识"——"资料共享 = 草绿"——"色彩的品牌"。

6.24 我的页的"demo 价值"

身份 + 数据 + 功能 + 版本 = 完整我的页——"功能完整"——"用户可管理"——"demo 的完成度"——"共享我的页标准"——"模板沉淀"。

6.25 我的页的"对比表格"

维度	App 32	App 33	App 34
统计数	4	3	4
菜单数	4	5	5
extra	无	有	无
副标题	信用	减碳	获赞

"三个共享我的对比"——"统计 4/3/4、菜单 4/5/5"——"extra 无/有/无"——"副标题信用/减碳/获赞"——"业务的差异化"——"系列我的演进"。

6.26 我的页的"打印成本回顾"

打印记录 + 首页价格——"0.1 元/页 × 打印页数"——"成本回顾"——"打印花费"——"跨页数据关联"——"打印业务闭环"。

6.27 我的页的"首屏信息"

首屏：用户卡 + 4 统计 + 前 3 菜单——"首屏核心"——"身份 + 数据 + 高频功能"——"滚动看设置"——"首屏的信息设计"。

6.28 我的页的"最终设计评价"

用户卡 + 4 统计 + 5 菜单 + About = 完整我的页——"从结构到数据到交互的完整"——"可上线级"——"系列共享我的标杆"——"我的页的完成度评级"。

七、总结：草绿 + 渐变 + 悬浮 + 资料管理

App 34 我的页一句话：用草绿（#27AE60）渐变用户卡 + 4 统计悬浮 + 5 菜单 + 底部 About 的完整我的页——草绿渐变 UserCard 配 📚 半透明圆形头像 + "学习分享者" + "共享资料 18 份 · 获赞 89"副标题，悬浮 StatRow 用 -24 margin 上移展示 18/156/42/9 四维数据，5 菜单用 emoji + 标题 + ">" 箭头和 0.5px Divider 分隔，底部 About 显示全称和版本。

3 个设计亮点：

共享双视角统计——18 上传 + 156 被下载（影响力维度）
获赞社交反馈——"获赞 89"创作者激励
5 菜单资料管理——资料/下载/收藏/打印/设置全覆盖

主题色设计逻辑：草绿 = 学习/资料/成功的绿色——"我的页用草绿，与全 App 品牌色一致"——"品牌贯穿"。

与系列呼应：渐变 UserCard（32/33/31）、悬浮统计（32/33/31）、92% 宽卡片（系列）、emoji 菜单（系列）、0.5px Divider（27/31/32/33）、About 版本（系列）——"34 我的把系列的渐变 + 悬浮 + 菜单手法组合出'资料共享'场景"。

体验细节：共享数据、获赞反馈、4 统计悬浮、5 菜单管理——"我的页的核心 = 让用户'3 秒看完贡献数据 + 1 秒进管理'"。

可扩展性展望：真实用户数据、资料管理、下载记录分页、收藏同步、打印订单、设置详情、消息中心——"demo 的打印我的页骨架完整"。

七、扩展思考：我的页的信息架构与设计哲学

7.1 我的页的"用户视角"

4 块 = 4 个"我"：

我是谁（UserCard）——身份 + 贡献
我的数据（StatRow）——上传/下载/收藏
我能做什么（MenuList）——5 功能入口
关于 App（About）——元信息

"4 个我的层次"——"从身份到元信息"——"用户视角的金字塔"——"自上而下的认知"。

7.2 我的页的"转化路径"

看用户卡（学习分享者）→ 看统计（18/156/42/9）→ 点菜单（资料/下载/收藏/打印）——"从身份到行动"——"我的页的转化链"——"菜单 = 行动入口"。

7.3 我的页的"业务建模"

MenuItem 3 字段（id/emoji/title）——"3 字段建模"——"极简菜单"——"最小可用集"——加 badge（角标）、加 extra（数据预览）即可扩展——"数据模型的扩展点"——"33 的 extra 就是扩展示例"。

7.4 我的页的"设计哲学"

我的页的 3 个设计哲学：

身份优先——渐变 UserCard 视觉焦点
数据透明——4 统计等宽
功能直达——5 菜单全覆盖

"身份 + 数据 + 功能直达的我的页"——"工具型我的页的设计原则"——"从哲学看设计"——"这套方法论可直接迁移到任何共享/UGC 类 App"。

7.5 我的页的"终评"

App 34 我的页综合评估——"四区结构 + 草绿主题 + 完整共享数据"——"我的页的完成度评级"——"一个可上线级的共享我的页"——"系列共享型我的标杆"——"demo 的高完成度"。

八、彩蛋：我的页的细节设计

8.1 "学习分享者" 的命名

"学习分享者"——"分享者 = 贡献者"——"学习 = 场景"——"身份命名"——"贡献者视角"——"UGC 平台的用户身份"。

8.2 "获赞 89" 的激励

"获赞 89"——"点赞数"——"社交认可"——"创作者激励"——"内容的价值"——"反馈的力量"——"UGC 生态的核心"。

8.3 "被下载 156" 的影响

"156 被下载"——"下载总量"——"资料影响力"——"受欢迎度"——"数据背书"——"共享的价值"——"34 独有的统计维度"。

8.4 "18 份" 的三处呼应

副标题 + 统计 + 菜单——"3 处 18"——"跨区数据一致"——"demo 全局数据"——"数据的一致性"——"设计的细节"。

8.5 4 统计的"无单位"

18/156/42/9 纯数字——"无单位"——"次数的计数"——"纯数字的简洁"——"统计的直观"——"vs 33 的 ¥88/126km"。

8.6 悬浮的"-24 margin"

margin top -24——"上移 24"——"重叠 24"——"悬浮高度"——"立体层次"——"同系列"。

8.7 我的页的"颜色体系"

渐变绿 + 半透明白 + 黑字 + 灰字——"4 级颜色"——"渐变（焦点）→ 白（头像）→ 黑（标题）→ 灰（次要）"——"颜色的层级"。

8.8 我的页的"demo 完整性"

用户卡 + 统计 + 5 菜单 + About = 完整我的页——"功能完整"——"用户可管理"——"demo 的完成度"——"从身份到管理的完整链"。

8.9 我的页的"菜单与统计分工"

统计行（数据）+ 菜单（入口）——"数据在统计、功能在菜单"——"34 的分工"——"vs 33 extra 菜单"——"两种设计选择"——"信息组织的差异"。

补充说明：本篇所有代码引用均基于 34-print-share/entry/src/main/ets/pages/ProfileTab.ets 实际源码，行号与源码一一对应；4 张实机截图分别覆盖我的首屏、下载记录菜单点击、我的收藏菜单点击、打印记录菜单点击四种差异场景，全部含模拟器轮廓，图床域名统一为 imgbed.devzoo.top。

补充说明：App 34 是系列"共享 + 学习"主题的第三个共享工具 App（前有 32 雨伞、33 单车）。三个共享 App 构成完整共享体系：共享出行（伞/车）+ 共享学习（资料）。我的页的"被下载 156 + 获赞 89"双维度体现了 UGC 平台"生产者激励 + 消费者记录"的完整数据视角，是共享平台我的页的完整设计范式与模板。